Offerte audit
Typ iets om te zoeken...

Wcag uitgelegd

"Welkom" zegt niets

"Welkom" zegt niets — WCAG 2.4.2 Paginatitel (post 3/7)

“Welkom.” “Pagina 1.” “Home.” “Untitled Document.”

Dat zijn titels die ik regelmatig tegenkom. Ze bestaan. Ze zijn niet leeg. Maar ze zeggen niets.

Een paginatitel moet de vraag beantwoorden: “Waar ben ik?” zonder dat je de pagina hoeft te bekijken.

“Welkom” — welkom waar? “Pagina 1” — pagina 1 van wat? “Home” — van welke website?

<!-- Niet doen -->
<title>Welkom</title>
<title>Pagina 1</title>
<title>Home</title>

<!-- Wel doen -->
<title>Paspoort aanvragen - Gemeente Utrecht</title>

De test is simpel: lees de titel hardop. Weet je waar de pagina over gaat? Zou je het tabblad terugvinden tussen tien andere tabbladen?

Wie is hiervoor verantwoordelijk?

Vaak de contentbeheerder. In de meeste CMS’en is de paginatitel een apart veld. Als de contentbeheerder daar “Welkom” of “Pagina 1” invult, is dat wat er in het tabblad verschijnt.

Maar ook de developer heeft een rol: zorg dat het CMS een beschrijvende titel afdwingt. Een minimale lengte. Een hint bij het veld. Of automatisch de h1 overnemen als fallback.

Zelf verder met dit onderwerp

Related Posts

Actieve link in het menu met onzichtbare indicator

Actieve link in het menu met onzichtbare indicator

Je bent op de pagina “Over ons”. In het menu is die link anders dan de rest. Een subtiele onderstreping. Lichtblauw. #8AB4F8.

Labels

Labels

Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans, niet alleen voor toegankelijkheid, maar voor iedereen.

aria-labelledby verwijst naar de verkeerde tekst

aria-labelledby verwijst naar de verkeerde tekst

Een invoerveld. Zichtbaar label: “E-mailadres.” Maar aria-labelledby verwijst naar een verborgen element met: “Voer uw elektronische postadres in.”