Typ iets om te zoeken...

Wcag uitgelegd

Tabellen

Tabellen: WCAG 1.3.1 Info en relaties (post 2/8)

Een tabel met openingstijden. Maandag: 09:00 tot 17:00.

Visueel snap je direct welke dag bij welke tijd hoort. Maar als die tabel is gebouwd met divjes in plaats van echte table-elementen, ziet een schermlezer alleen losse stukjes tekst. “Maandag.” “09:00 - 17:00.” Zonder de relatie ertussen.

Hetzelfde geldt voor een prijzentabel in een webshop. Pakket Basic, 9 euro per maand. Pakket Pro, 19 euro per maand. Als de tabelkoppen niet zijn gemarkeerd, weet een schermlezer niet welke prijs bij welk pakket hoort.

Google trouwens ook niet: tabelstructuur helpt zoekmachines om gestructureerde data te begrijpen.

Wil je het zelf checken? Open de DevTools, kijk of je echte table-, th- en td-elementen ziet. Geen divjes met CSS die eruitzien als een tabel.

Zelf verder met dit onderwerp

Related Posts

Knop zonder naam

Knop zonder naam

“Knop.” Dat is wat een schermlezer zegt. Knop. Maar welke knop? Wat doet die?

"Klik op Zoeken." Niets gebeurt.

"Klik op Zoeken." Niets gebeurt.

Je gebruikt spraakbesturing. Je ziet een knop met “Zoeken” erop. Je zegt: “Klik op Zoeken.”

Informatief icoon dat onzichtbaar is

Informatief icoon dat onzichtbaar is

Drie streepjes. Een hamburgericoon. Dat is je menu. Tenminste, als je het kunt zien.