ARIA Data Table Error

Text

Table contains data but doesn't have accessible markup defined though aria-label, aria-labelledby, title, caption or th elements.

Type

Error

Description

This error applies to HTML tables with more than one cell. This error does not apply to tables with role="presentation" because these are considered to be layout tables.

This error indicates that a data table doesn’t have an accessible name or header information.

To fix this error, define an accessible name by using the CAPTION tag, or the aria-labelledby, aria-label, or title attributes. If the table is missing header information, use THead tags to mark header cells.

Example

<!-- Data tables must contain an accessibile name and header information. -->
<table>
  <caption>ARIA Examples</caption>
  <thead>
    <tr>
      <th>Name</th>
      <th>Description</th>
      ...
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Accessible tables</td>
      <td>This example illustrates how to make data tables accessible using ARIA</td>
      ...
    </tr>
  </tbody>
</table>