Repository navigation
A11y Bug 9948579: [OneNote Clipper] [Web]: Keyboard focus is not moving to default location dropdown with tab key. #631
Description
Environment Details:
Application Name: Excel Start - In Grid Create with Copilot.
Platform: Web
Browser version: Version 135.0.3179.33 (Official build) beta (64-bit)
Application URL: https://www.onenote.com/clipper
Repro Steps:
Open https://www.onenote.com/clipper.
Navigate till get one note web clipper for edge and activate it.
Edge Add-ons page will appear. Invoke the Get button.
OneNote Clipper will be added in edge extension section.
Expand the Extension button and turn on the OneNote Clipper Show in Toolbar button.
Now invoke the OneNote clipper button.
Sign in with V-id.
Try to navigate to location dropdown with tab key.
Observe the issue.
Actual Result:
Keyboard focus is not moving to default location dropdown with tab key. Only by using shift+ tab key we can be able to move to default location dropdown.
Expected Result:
Keyboard focus should be able to default location dropdown by using tab key.
User Impact:
Users will face difficulty if keyboard focus is not moving to default location dropdown with tab key.
MAS Reference:
MAS 2.4.3 – Focus Order
Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.
Activity
claude commentedon Feb 26, 2026
Claude finished KethanaReddy7's task in 5m 23s —— View job •
claude/issue-631-20260226-0922• Create PR ➔Accessibility Fix Complete
Issue: Keyboard focus is not moving to default location dropdown with tab key (MAS 2.4.3 – Focus Order)
Todo List
Root Cause
Mode buttons in
modeButton.tsxusedtabIndex: this.props.tabIndex, butModeButtonSelectordidn't pass atabIndexprop. This resulted inundefinedtabIndex values, causing the<a>elements to not be properly included in the keyboard tab order, which led to the location dropdown being skipped when navigating with the Tab key.Solution
Added explicit
tabIndexvalues (40-45) to all mode buttons inmodeButtonSelector.tsx. This ensures the correct tab order:Changes Made
src/scripts/clipperUI/components/modeButtonSelector.tsx:tabIndexparametertabIndexproperty to each button's return objectgetListOfButtons()to pass sequential tabIndex values starting at 40|
fix: Add explicit tabIndex to mode buttons for proper focus order
KethanaReddy7 commentedon Mar 2, 2026
Issue fixed in the PR #632