question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Column Headers Not Announced

See original GitHub issue

Describe 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:

  1. Go to the grid,
  2. Navigate between days within a week,
  3. 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:closed
  • Created 3 years ago
  • Comments:16 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
aardriancommented, Dec 9, 2020

You are correct! It fell off my radar. Let me take a run at it tomorrow.

1reaction
aardriancommented, Sep 28, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found