Column Headers Not Announced
See original GitHub issueDescribe the bug
When navigating the calendar grid (<table>
) in JAWS, the column headers are not announced. All I hear is “two zero two zero dash zero four dash zero two” (or whatever is the date in this number format).
To Reproduce Steps to reproduce the behavior:
- Go to the grid,
- Navigate between days within a week,
- Observe the screen reader does not announce the day of the week.
Expected behavior As I navigate from column to column, I should hear the column header. Specifically I should hear the day of week as I move through a week.
Screenshots I made a video, but GitHub does not allow me to embed it.
Desktop (please complete the following information):
- OS: Windows 10
- Browser Chrome
- Version 85
- JAWS 2020
Additional context Using first example at https://duetds.github.io/date-picker/
Issue Analytics
- State:
- Created 3 years ago
- Comments:16 (10 by maintainers)
Top Results From Across the Web
NVDA does not announce row or column headers ... - GitHub
When it going to the new cell it should announce the column headers of the new cell.
Read more >Column Headers and Browser Support - Adrian Roselli
with TalkBack: does not announce column header; does not announce row or column position. Safari. with macOS VoiceOver: does not announce column ...
Read more >Failure of Success Criterion 1.3.1 for not correctly marking up ...
VoiceOver announces column headers when traversing a table horizontally. It does not currently read row headers even when they are marked up, though...
Read more >Data table with `role=columnheader` headers but no `th`
Screen reader Browser Mode
NVDA 2022.2 Chrome 105 Reading
NVDA 2022.2 FF102 Reading
NVDA 2022.2 Edge 105 Reading
Read more >Use a screen reader to create column headers in a table in ...
Add column headers to an existing table · Place focus anywhere in the table. · Press Alt+J, T, and then O to add...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
You are correct! It fell off my radar. Let me take a run at it tomorrow.
These are not the same issue.
#25 specifically asks for the day of the week to be added to every cell, which is too verbose for screen reader users and should only be considered as a last resort.
This issue is about getting the column headers to announce as they would for a regular table. If you do so, a column header will only be announced when a user changes columns, not rows, reducing the verbosity. Further, a screen reader user can choose to configure how the table column headers are announced overall, something they cannot do when the text is made part of every cell.
Because the outcome of correct column headers is functionally (and programmatically) not the same as that proposed in #25, I believe it is premature to close this.