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.

Related Posts

Witte tekst op een foto

Witte tekst op een foto

“Welkom bij ons” In wit. Op een foto van een zonnig landschap. Links voldoende contrast. Rechts? Waar de lucht wit is? Onleesbaar.

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.

Custom dropdown die niet met toetsen werkt

Custom dropdown die niet met toetsen werkt

Een prachtig gestylede dropdown. Hover erop: de opties verschijnen. Klik op een optie: geselecteerd.