Wcag uitgelegd

Alle pagina's hebben dezelfde titel

Alle pagina's hebben dezelfde titel — WCAG 2.4.2 Paginatitel (post 2/7)

Vijf tabbladen open. Allemaal van dezelfde website. Allemaal met dezelfde titel: “Gemeente Utrecht.”

Welk tabblad is de contactpagina? Welk tabblad zijn de veelgestelde vragen? Je moet elk tabblad openen om het te ontdekken.

Een schermlezergebruiker hoort bij het openen van elke pagina: “Gemeente Utrecht.” Elke keer hetzelfde. Geen manier om te weten of de navigatie gelukt is zonder eerst door de pagina te bladeren.

<!-- Niet doen: overal dezelfde titel -->
<title>Gemeente Utrecht</title>

<!-- Wel doen: uniek per pagina -->
<title>Contact - Gemeente Utrecht</title>
<title>Veelgestelde vragen - Gemeente Utrecht</title>
<title>Paspoort aanvragen - Gemeente Utrecht</title>

Waar gaat dit mis?

Meestal in het CMS of het template. Iemand heeft de titel hardcoded in het basistemplate. Of het CMS-veld voor de paginatitel is niet verplicht en wordt leeg gelaten.

De fix: zorg dat je CMS automatisch een unieke titel genereert. De meest voor de hand liggende formule:

[Paginanaam] - [Sitenaam]

En maak het veld verplicht. Geen titel = niet publiceren.

Related Posts

Hoe check ik de toegankelijkheid van mijn website?

Er zijn drie manieren om de toegankelijkheid van je website te checken: geautomatiseerde tools, handmatige tests en professionele audits. Elk heeft z’n plek, en idealiter combineer je ze.

Heb ik een desktop- en mobiele audit nodig?

Kort antwoord: een goede audit test altijd op meerdere apparaten. Maar je hoeft niet apart te betalen voor een “desktop-audit” en een “mobiele audit” — bij een professionele audit zit dat er gewoon in.

Knop die navigeert, link die een actie uitvoert

Knop die navigeert, link die een actie uitvoert

“Contact, knop.” Je drukt op Enter. Een nieuwe pagina opent. Maar het was een knop. Knoppen voeren acties uit. Ze navigeren niet.