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

Paginatitel ontbreekt

Paginatitel ontbreekt

Je opent een pagina. De schermlezer zegt: “https colon slash slash w-w-w dot example dot com slash pagina dash 3-b dot html.”

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.

Invoerveld zonder zichtbare rand

Invoerveld zonder zichtbare rand

Een wit invoerveld op een witte achtergrond. Met een lichtgrijze rand. Heel lichtgrijs. #D9D9D9.