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

Focus die alleen een kleurverandering is

Focus die alleen een kleurverandering is

Een link. Bij focus wordt de tekst blauw. Dat is de focusindicator. Geen outline. Geen onderstreping. Geen achtergrondverandering. Alleen: de tekst verandert van kleur.

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.

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.