Details
-
Bug
-
Resolution: Fixed
-
Low
-
9.7.0
-
9.07
-
Severity 2 - Major
-
Description
Issue Summary
The elements such as "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", and so on are not being announced by screen reader.
Steps to Reproduce
- Navigate to "Boards" dropdown present in the header section.
- Navigate to the "KAN board" option and activate it.
- Observe that "Kanban board" page has been appeared on the page
- Turn on the screen reader and check that few elements are not announced by screen reader.
Screenshot
Actual Results
The "aria-hidden" attribute is used for <div> container containing the content such as "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", "IN PROGRESS 3 MAX 1", "DONE 3" and "Release" button. As a result, screen reader users cannot access the content virtual cursor i.e., arrow keys and its content is not announced by the screen reader.
Expected Results
Remove aria-hidden="true" attribute from the <div> container containing "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", "IN PROGRESS 3 MAX 1", and so on.
Ensure that screen reader should announce the content available on the page.
Code Snippet
<div id="ghx-column-header-group" class="ghx-column-header-group ghx-has-stats"> (...) <h6 class="ghx-column-title" id="ghx-column-title-12" title="Backlog">Backlog</h6> (...) </div>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2019)
macOS Monterey Version 12.6
Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 14.1.2 (16611.3.10.1.16)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest