<table> with no accessible description

Return to main list

The purpose this test is to show the cascade order of how accessible descriptions are applied in the accessibility tree for the <table> element. The priority order from highest to lowest is:

  1. If present, use aria-describedby value.
  2. Otherwise, if present, use title value (as per the "Rabbit" example below).
  3. If none of the above are provided, there is no accessible description.

This example should not be considered proper practice, and is for testing purposes only.

Example

Animals
Fishes Birds
Snapper Starling
Salmon Eagle

Code

<table>
  <caption>Animals</caption>
  <thead>
    <tr>
      <th>Fishes</th>
      <th>Birds</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Snapper</td>
      <td>Starling</td>
    </tr>
    <tr>
      <td>Salmon</td>
      <td>Eagle</td>
    </tr>
  </tbody>
</table>

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list