Typ iets om te zoeken...

Wcag uitgelegd

Actieve pagina

Actieve pagina — WCAG 1.3.1 Info en relaties (post 8/8)

Je bent op de pagina “Over ons” en in het menu is die link visueel anders — onderstreept, een andere kleur, vetgedrukt. Je weet waar je bent.

Maar als dat verschil alleen in CSS zit, weet een schermlezer het niet.

Een attribuut op de actieve link. Dat is alles. Een schermlezer leest dan “Over ons, huidige pagina” in plaats van alleen “Over ons”.

Het is ook een signaal voor zoekmachines over de navigatiestructuur van je website.

Hetzelfde geldt voor pagineringen. “Pagina 3” is visueel gemarkeerd, maar in de code staat niks. Klein detail. Groot verschil.

Related Posts

Voortgangsbalken

Voortgangsbalken

Stap 2 van 4. Je ziet een balkje dat voor twee derde is gevuld. Je weet waar je bent in het proces.

Tabellen

Tabellen

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.

Lege link

Lege link

“Link.” Dat is alles. Een schermlezer meldt een link. Maar niet waarheen. Niet waarom. Niet wat.