In diesem Blogartikel zeige ich, wie Sie eine HTML-Tabelle barrierefrei gestalten können nach der Richtlinie EN 301 549.
Der Prüfschritt für diesen Blogartikel in der EN 301 549 heißt: 9.1.3.1e. Datentabellen richtig aufgebaut.
Als erstes der HTML-Code:
<table>
<thead>
<tr>
<th>Screenreader</th>
<th>Betriebssystem</th>
</tr>
</thead>
<tbody>
<tr>
<td>NVDA</td>
<td>Windows</td>
</tr>
<tr>
<td>Orca</td>
<td>Ubuntu</td>
</tr>
<tr>
<td>Voice Over</td>
<td>IOS</td>
</tr>
<tr>
<td>Talkback</td>
<td>Android</td>
</tr>
</tbody>
</table>