-
Bug
-
Resolution: Done
-
Medium (View bug fix roadmap)
-
8.22.0
-
- 2.1.1
- 4.1.2
- Accessibility
- WCAG21
- ax-at-NVDA
- ax-at-VO
- ax-at-jaws
- ax-at-user
- ax-bug
- ax-desktop
- ax-dev-ready
- ax-high-priority
- ax-jira
- ax-kb-user
- ax-macos-safari
- ax-platform-dc
- ax-qa
- ax-qa-partially-verified
- ax-qa-prioritised
- ax-qa-verified
- ax-triaged
- ax-vpat-serious
- ax-windows-chrome
- ax-windows-firefox
- ytravenko
-
8.22
-
Severity 2 - Major
-
Issue Summary
On All boards page, the board type filter element is inaccessible for Keyboard & screen reader users.
Bug Ref: 731784
Steps to Reproduce
- Navigate to Jira homepage.
- Navigate to the "Boards" menu in the header section & activate it.
- Activate the "View all boards" link from the menu.
- Navigate to the "Board type" button present inside main content.
Actual Results
While navigating with keyboard, when user activate the "Board type: All" button, the focus is set on the <div> element incorrectly.
Also the checkbox elements such as "Scrum" & "kanban" don’t get activated by Keyboard space key.
Also when checkbox is activated the results in main content are dynamically updated. This updates are not conveyed to the screen reader users.
The input checkbox element is marked inside a link & also it has tabindex="-1" attribute incorrectly.
Expected Results
The checkbox elements such as "Scrum" & "kanban" should be accessible for Keyboard & screen reader users. The checkbox elements should get activated via Keyboard space key.
Apply following fixes for menu component.
- Remove the tabindex="-1" attribute from the checkbox <input> elements.
- The checkbox elements should not be wrapped inside an anchor element.
- The text such as "scrum" & "kanban" should be marked inside <label> elements & must be associated with the <input> elements.
- When the popup is expanded the focus should be set to first input. i.e "kanban" input element.
- Provide role="menu" to <ul> element & role="menuitemcheckbox" to <input> elements.
- Provide role="presentation" to <li> elements.
Apply following fixes for dynamic updates
- The dynamic update of results in main content area should be conveyed to the screen reader users.
- Provide an off-screen instructions such as "Now showing kanban boards" or "Now Showing scrum boards", etc in the ARAI live region.
Screenshot
Screen Recording
Screen Recording 2022-03-14 at 3.08.02 PM.mov
Workaround
Refer to the implementation of checkbox menu in the Atlassian Design system.
https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/examples
- duplicates
-
-
- Closed
-
- resolves
-
-
- Closed
-