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.

Zelf verder met dit onderwerp

Related Posts

Doorgestreepte prijzen

Doorgestreepte prijzen

49,99 doorgestreept, 29,99 ernaast. Je ziet direct: korting. Maar een schermlezer leest: “49 euro 99. 29 euro 99.” Geen “oude prijs”, geen “nieuwe prijs”, geen context.

Framework met Engels label, Nederlandse interface

Framework met Engels label, Nederlandse interface

Een datepicker uit een UI-framework. Het veld toont “Kies een datum” in het Nederlands. Maar het aria-label — automatisch gegenereerd door het framework — zegt “Select date” in het Engels.

Foutmeldingen

Foutmeldingen

Je vult een formulier in, klikt op verzenden, en ergens bovenaan verschijnt een rode tekst.