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

Focus springt onverwacht door de pagina

Focus springt onverwacht door de pagina

Tab. Je bent in het hoofdmenu. Tab. Je bent in de sidebar. Tab. Je bent terug in het hoofdmenu. Tab. Nu ben je in de content.

Kopniveaus

Kopniveaus

Stel je voor: je opent een boek en de inhoudsopgave gaat van hoofdstuk 1 direct naar paragraaf 3.2.

Knop zonder naam

Knop zonder naam

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