Offerte audit
Typ iets om te zoeken...

Wcag uitgelegd

Meerstappenformulier zonder stap in de titel

Meerstappenformulier zonder stap in de titel — WCAG 2.4.2 Paginatitel (post 7/7)

Stap 1. Stap 2. Stap 3. Stap 4.

Je bent ergens halverwege. Je sluit per ongeluk het tabblad. Je opent het opnieuw. De titel: “Verhuizing doorgeven - Gemeente Utrecht.”

Welke stap was je? Geen idee.

Of je gebruikt een schermlezer. Bij elke stap hoor je dezelfde titel. Je hebt op “Volgende” gedrukt. Is de pagina veranderd? Dezelfde titel. Heb je de stap succesvol afgerond? Dezelfde titel. Ben je überhaupt op een andere pagina? Dezelfde titel.

<!-- Niet doen: geen stap in de titel -->
<title>Verhuizing doorgeven - Gemeente Utrecht</title>

<!-- Wel doen: stap en totaal in de titel -->
<title>Stap 2 van 4: Nieuw adres - Verhuizing doorgeven - Gemeente Utrecht</title>

Het patroon: Stap [nummer] van [totaal]: [onderwerp] - [formuliernaam] - [sitenaam]

De stap is de meest specifieke informatie. Die staat vooraan. De sitenaam achteraan.

Waar gaat dit mis?

Bij meerstappenformulieren die als SPA zijn gebouwd. De URL verandert soms wel (stap-1, stap-2), maar de title wordt niet bijgewerkt. Of bij formulieren die alles op één pagina laden en secties tonen/verbergen — dan verandert er technisch niets aan de pagina.

Dit was post 7 van 7 over WCAG 2.4.2 Paginatitel. Het klinkt als een klein detail. Maar de paginatitel is het eerste wat iemand hoort of ziet. Het is je eerste kans om te communiceren waar iemand is. Gebruik die kans.

Zelf verder met dit onderwerp

Related Posts

Paginatitel ontbreekt

Paginatitel ontbreekt

Je opent een pagina. De schermlezer zegt: “https colon slash slash w-w-w dot example dot com slash pagina dash 3-b dot html.”

Foutmeldingen die je niet kunt lezen

Foutmeldingen die je niet kunt lezen

Je vult een formulier in. Iets klopt niet. Er verschijnt een melding.

Single-page app die de titel niet bijwerkt

Single-page app die de titel niet bijwerkt

Je navigeert van de homepage naar de contactpagina. De content verandert. De URL verandert. Het tabblad? Staat nog steeds “Home - Webshop.”