Skip to content

Keyboard focus is unnecessarily moving to disabled menu items which are present in the 'Feedback actions' menu button #586

Open
@polatengin

Description

@polatengin

Note: Same issue reproes throughout the application.

Other instance:
1.Same issue is observed for history tab page.
Issue: Keyboard focus is unnecessarily moving to whole table present in the page, while navigating using tab key.
Path: URL: Work items - Boards (visualstudio.com)>Navigate to 'Retrospective' in left navigation and invoke it-> Navigate to the 'History' tab and invoke it.
Current focus order: History tab->Whole table->Board summary row button.
Screen reader observation: When focus lands on table is narrating as 'History property page table.'

Impact on a Person with Disability (PWD):
Users who rely on keyboard are getting misguided to navigate through non interactive elements, as Keyboard focus is unnecessarily moving to disabled menu items which are present in the 'Feedback actions' menu button.

Test Environment:
OS: Windows 11 [Version 23H2 (OS Build 22631.2715)]
Browser: Edge Version (119.0.2151.97), Chrome Version (119.0.6045.200)
URL: Work items - Boards (visualstudio.com)

Repro Steps:
Step 1: Open MCAPS ADO in Edge/Chrome browser.
Step 2: Navigate to 'Retrospective' in left navigation and invoke it.
Step 3: Retrospective page gets displayed.
Step 4: Navigate to tiles present in the page-> 'Feedback actions' menu button and invoke it.
Step 5: Verify whether Keyboard focus is unnecessarily moving to disabled menu items which are present in the 'Feedback actions' menu button or not.

Actual Result:

Keyboard focus is unnecessarily moving to disabled menu items which are present in the 'Feedback actions' menu button.

Current focus order: Feedback actions menu button -> disabled delete feedback-> disabled Move feedback to different column-> disabled group feedback.
Observation:
Same issue is observed in screen readers.

Expected Result:

Keyboard focus shouldn't move to disabled menu items which are present in the 'Feedback actions' menu button.

MAS Reference:
MAS 2.4.3 – Focus Order

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

AzDO Reference Link:
https://worldwidelearning.visualstudio.com/MCAPS%20Accessibility/_workitems/edit/1713312

Metadata

Metadata

Assignees

Labels

accessibilityAccessibility of using the toolbugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions