Offerte audit
Typ iets om te zoeken...

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]

Zelf verder met dit onderwerp

Related Posts

"Welkom" zegt niets

"Welkom" zegt niets

“Welkom.” “Pagina 1.” “Home.” “Untitled Document.” Dat zijn titels die ik regelmatig tegenkom. Ze bestaan. Ze zijn niet leeg. Maar ze zeggen niets.

Zelfgemaakte focusindicator die onzichtbaar is

Zelfgemaakte focusindicator die onzichtbaar is

Tab. Tab. Tab. Waar ben ik? Je navigeert met je toetsenbord door een website. Elke knop en link zou een zichtbare focus moeten hebben. Maar je ziet… niets. Of een vage lichtblauwe gloed.

Die mooie oranje knop met witte tekst

Die mooie oranje knop met witte tekst

Oranje knop. Witte tekst. “Bestel nu!” Ziet er goed uit. Valt op. Precies wat je wilt van een call-to-action.