Offerte audit
Typ iets om te zoeken...

Wcag uitgelegd

Voortgangsbalken

Voortgangsbalken — WCAG 1.3.1 Info en relaties (post 6/8)

Stap 2 van 4. Je ziet een balkje dat voor twee derde is gevuld. Je weet waar je bent in het proces.

Maar als dat balkje alleen uit CSS bestaat — een div met een breedte van 66% — weet een schermlezer niet hoeveel stappen er zijn, welke stap actief is, of hoever je bent.

Google indexeert meerstappenprocessen. Een goed gemarkeerde voortgangsbalk maakt het proces begrijpelijk voor hulpsoftware en zoekmachines.

Dit is niet zeldzaam. De meeste bestel- en aanvraagprocessen die ik audit hebben een visuele voortgangsindicator die in de code niks zegt.

De fix is een handvol attributen. En je bestelproces wordt beter vindbaar en bruikbaar.

Zelf verder met dit onderwerp

Related Posts

Foutmeldingen

Foutmeldingen

Je vult een formulier in, klikt op verzenden, en ergens bovenaan verschijnt een rode tekst.

Tabellen in WCAG 1.3.1

Tabellen in WCAG 1.3.1

Een tabel met openingstijden. Maandag: 09:00 tot 17:00. Visueel snap je direct welke dag bij welke tijd hoort. Maar als die tabel is gebouwd met divjes in plaats van echte table-elementen, ziet een schermlezer alleen losse stukjes tekst. “Maandag.” “09:00 - 17:00.” Zonder de relatie ertussen.

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

WhatsApp ons (opent WhatsApp in een nieuw tabblad)