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.

Is this really a WCAG defect: All <th> elements and elements with role=columnheader/rowheader must have data cells they describe

See original GitHub issue

Could you please clarify how the table used in the example on this page: https://dequeuniversity.com/rules/axe/3.0/th-has-data-cells is in violation of WCAG? The table is constructed properly - every <th> has a column of corresponding <td>s. How does having empty data cells in the last column make this table a failure of WCAG? And, at a Serious level as my testing indicates that the table is accessibility supported across many platforms. There are certainly many legitimate use cases for having a table that has a column of empty data cells. Thank you!

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
WilcoFierscommented, Feb 23, 2018

Hey Melanie. Thanks for the report. I think you are entirely correct. I would suggest that we make the following changes:

  1. Allow headers associated with empty cells - while still flagging empty with no associated cells
  2. Flag headers in tables without data cells as “needs review”, since the table could simply not be populated

What do you think?

0reactions
chandana7393commented, Jul 16, 2019

Tested, working as expected. Attest_table_empty Axe_table_empty axe_coconut_table_empty Tested Environment: Attest - 2.5.1.19317v Axe - 3.8.1.19317v Axe-coconut - 3.8.1.19604v Chrome - 75v Firefox - 68v OS - Windows 10 64 bit.

Read more comments on GitHub >

github_iconTop Results From Across the Web

All <th> elements and elements with role="columnheader" or ...
All <th> elements and elements with role="columnheader" or role="rowheader" must have data cells they describe. Rule ID: th-has-data-cells.
Read more >
Table header cell has assigned cells[proposed] | ACT Rule | WAI
This rule checks that each table header has assigned cells in a table element. Applicability. This rule applies to any HTML element with...
Read more >
th-has-data-cells - Accessibility Insights
When people with good vision see a table with a row or column header that has no associated data cells, they can tell...
Read more >
Create and verify PDF accessibility, Acrobat Pro
It prompts to address accessibility issues, such as a missing document description or title. It looks for common elements that need further ...
Read more >
Baseline Tests for Software & Web Accessibility
Testing of applications that do not contain Flash or Java components can be ... All baseline tests must be included (including an agency...
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