9.1.3.1e Datentabellen richtig aufgebaut

Geprüft wird, ob für tabellarische Daten table oder eine korrekte und vollständige Umsetzung mittels geeigneter ARIA-Rollen wie role="table", role="row", role ="columnheader" und role="rowheader" genutzt wird.

Syntax
<table> <caption>Die Tabelle</caption> <tr> <th>Head 0</th> <th>Head 1</th> </tr> <tr> <td>Zelle 00</td> <td>Zelle 01</td> </tr> <tr> <td>Zelle 10</td> <td>Zelle 11</td> </tr> </table>
<div role="table" aria-label="Die Tabelle" aria-describedby="semantic_elements_table_desc" aria-rowcount="3"> <div id="semantic_elements_table_desc">Die Tabelle</div> <div role="rowgroup"> <div role="row" aria-rowindex="1"> <span role="columnheader">Head 0</span> <span role="columnheader">Head 1</span> </div> <div role="row" aria-rowindex="2"> <span role="cell">Zelle 00</span> <span role="cell">Zelle 01</span> </div> <div role="row" aria-rowindex="3"> <span role="cell">Zelle 10</span> <span role="cell">Zelle 11</span> </div> </div> </div>