Offerte audit
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?

Klikbare div in plaats van een button

Klikbare div in plaats van een button

Een div met een onclick. Ziet eruit als een knop. Doet iets als je erop klikt.

Wat is WCAG?

WCAG staat voor Web Content Accessibility Guidelines. Het is de internationale standaard die beschrijft hoe je digitale content toegankelijk maakt voor mensen met een beperking.