Skip to main content
UI Patterns

Datatabel

Gebruik <th> met scope="col"/"row". Voeg <caption> of aria-labelledby toe. Gebruik nooit tabellen voor lay-out. Slechts 19% van de waargenomen tabellen had geldige opmaak in de WebAIM Million 2026.

In gewone taal

Tabellen met gegevens moeten voorzien zijn van duidelijke rij- en kolomkoppen, zodat schermlezers kunnen aangeven welk cijfer bij welke kop hoort.

Waarom dit belangrijk is

Zonder de juiste kopcellen leest een schermlezer een gegevenstabel voor als een aaneengesloten reeks getallen — gebruikers kunnen dan niet zien welk getal bij welke rij en kolom hoort. Slechts ongeveer één op de vijf tabellen is correct opgemaakt.

Hoe te detecteren

Snelle controle

Controleer de opmaak: zijn de koptekstcellen <th> voorzien van scope (of headers/id)? Is er een <caption>? Ga met een schermlezer van cel naar cel — worden de juiste rij- en kolomkoppen voorgelezen?</caption></th>