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

Alle pagina's hebben dezelfde titel

Alle pagina's hebben dezelfde titel

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

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.

Tekst afgesneden door een vaste hoogte

Tekst afgesneden door een vaste hoogte

Een banner van 200 pixels hoog. Past precies. Mooie headline, korte tekst, call-to-action.