-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
ARIA attribute aria-hidden is defined inappropriately on the column headers.
Steps to Reproduce
- Open "Bitbucket" homepage.
- Navigate onto and activate "Your work" from header section.
- Navigate to the data tables present in main content.
- Using screen reader, navigate with alt+control+left/right arrow keys (Jaws/NVDA) and Control+Option+left/right arrow keys (VoiceOver).
- Check that all table columns are not accessible for screen reader.
Screenshot 1
Screenshot 2
Actual Results
The "aria-hidden" attribute is used inappropriately on the <th> elements containing "Avatar", "Summary", "State", and so on column headers for "Your pull requests (3)" and "Recently closed pull requests (5)" data tables. As a result, screen reader users cannot access the table headers with virtual cursor i.e., arrow keys and its content is not announced by the screen reader.
Expected Results
Remove the aria-hidden attribute from the <th> elements and ensure that the table headers should be accessible for the screen reader users.
Code snippet
<table ...> <tr> <th class="avatar-column">Avatar</th> <th class="summary-column">Summary</th> (...) <th class="reviewers-column">Reviewers</th> <th class="builds-column">Builds</th> </tr> </table>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS: Sonoma 14.7
Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.6 (18615.3.12.11.2)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|