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.

Related Posts

Paginatitel ontbreekt

Paginatitel ontbreekt

Je opent een pagina. De schermlezer zegt: “https colon slash slash w-w-w dot example dot com slash pagina dash 3-b dot html.”

"Lees meer"

"Lees meer"

Lees meer. Lees meer. Lees meer. Lees meer. Lees meer.

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.