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

Knop zonder naam

Knop zonder naam

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

Wat houdt WCAG 2.1 in voor websites?

WCAG 2.1 is de versie van de Web Content Accessibility Guidelines waar de Nederlandse wetgeving op dit moment naar verwijst. Het beschrijft 78 succescriteria verdeeld over vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust.

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.