Wcag uitgelegd

Sitenaam vóór de paginanaam

Sitenaam vóór de paginanaam — WCAG 2.4.2 Paginatitel (post 4/7)

Drie tabbladen open:

“Gemeente Utrecht - Paspoort aa…” “Gemeente Utrecht - Rijbewijs ve…” “Gemeente Utrecht - Verhuizing d…”

Welke is welke? De unieke informatie staat achter de sitenaam. En die is afgekapt.

In een tabblad is vaak alleen de eerste 20-30 tekens zichtbaar. Als elk tabblad begint met dezelfde sitenaam, ziet je bij alle drie hetzelfde.

De fix: draai de volgorde om.

<!-- Niet doen -->
<title>Gemeente Utrecht - Paspoort aanvragen</title>
<title>Gemeente Utrecht - Rijbewijs verlengen</title>

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

Nu begint elk tabblad met de unieke informatie:

“Paspoort aanvragen - Gemee…” “Rijbewijs verlengen - Geme…” “Verhuizing doorgeven - Gem…”

Direct te onderscheiden. Zonder te klikken.

Dit geldt ook voor schermlezers. Die lezen de titel van links naar rechts. “Gemeente Utrecht” voor de derde keer horen is geen oriëntatie — het is ruis. “Paspoort aanvragen” is de informatie die je nodig hebt.

De formule: [Specifiek] - [Algemeen]

Related Posts

Kolommen die niet onder elkaar gaan

Kolommen die niet onder elkaar gaan

Sidebar links. Content rechts. Op een groot scherm: perfect. Bij 400% zoom: twee kolommen gepropt in 320 pixels. De sidebar neemt de helft in beslag. De content wordt zo smal dat je twee woorden per regel leest. Of je moet horizontaal scrollen.

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.”

Fieldset legend

Fieldset legend

“Hoe wil je benaderd worden?” Met daaronder drie radiobuttons: telefoon, e-mail, brief. Je begrijpt direct dat die opties bij die vraag horen.