Foutmeldingen die wél helpen
De foutmelding is het moment waarop een bestelling stukloopt. Toch is het het stukje tekst waar meestal het minst over is nagedacht.
Wat een foutmelding moet doen
- Zeggen wélk veld. Niet bovenaan de pagina in het algemeen, maar bij het
veld zelf, en gekoppeld met
aria-describedbyzodat een schermlezer hem bij dat veld voorleest. - Zeggen wat er mis is. "Postcode niet geldig" is beter dan "ongeldige invoer". "Vul de postcode in als 1234 AB" is beter dan allebei.
- De focus verplaatsen naar het eerste veld dat fout is, of een samenvatting bovenaan waarin je naar de velden kunt springen.
- Hoorbaar zijn. Verschijnt de melding zonder dat de pagina herlaadt, geef
het gebied dan
role="alert"ofaria-live="polite". Anders gebeurt er voor een schermlezergebruiker niets. - Niet alleen rood zijn. Zie kleur als enige aanwijzing.
Wat je daarnaast kunt doen
De beste foutmelding is de melding die niet nodig is. Accepteer spaties in een rekeningnummer, hoofdletters in een postcode en een telefoonnummer met streepjes: opschonen kan de computer beter dan de klant. En gooi nooit het formulier leeg na een fout; wat al is ingevuld, blijft staan.
En bij het afrekenen
Gaat er bij de betaling iets mis, zeg dan wat de klant nu moet doen, en of er al geld is afgeschreven. Dat is geen WCAG-eis maar het scheelt je een telefoontje, en het is precies de situatie waarin iemand die al moeite heeft met de pagina afhaakt.
Zo controleer je het
Verstuur je eigen bestelformulier één keer helemaal leeg. Lees wat er verschijnt. Zou een vreemde hiermee weten wat hij moet doen? Klik daarna dezelfde test met alleen je toetsenbord: komt de focus vanzelf bij de fout terecht?
Bronnen
- WCAG 2.1, succescriteria 3.3.1 Foutidentificatie, 3.3.3 Foutsuggestie en 4.1.3 Statusberichten
- Eigen volledige metingen van Nederlandse webshops, september 2026