Issue Summary

ARIA attribute aria-hidden is defined inappropriately on the column headers.

Steps to Reproduce

1. Open "Bitbucket" homepage.
2. Navigate onto and activate "Your work" from header section.
3. Navigate to the data tables present in main content.
4. Using screen reader, navigate with alt+control+left/right arrow keys (Jaws/NVDA) and Control+Option+left/right arrow keys (VoiceOver).
5. 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