Formulier
Zijn je formulieren goed zichtbaar?(WCAG 1.4.11)
Non-text Contrast: waarom je formuliervelden, knoppen en iconen onzichtbaar zijn voor slechtzienden (WCAG 1.4.11) Je staat met je telefoon in de felle zon voor een museum. Je wilt tickets kopen, maar het formulier op de website is nauwelijks zichtbaar. Invoervelden met lichtgrijze randjes, knoppen die opgaan in de achtergrond: je tuurt, draait je scherm, houdt je hand erboven. Uiteindelijk geef je het op en sluit je aan bij de rij voor de kassa.
SC 1.3.5 - Wat betekent "Invoerdoel identificeren"
Stel je voor: je vult voor de zoveelste keer een contactformulier in. Naam, e-mail, telefoonnummer, adres. Je browser kent die gegevens allang, maar het formulier werkt niet mee. Je moet alles handmatig typen. Irritant als je haast hebt, maar een echt probleem als je een motorische beperking hebt en elke toetsaanslag moeite kost.
SC 2.4.6 - Wat betekent \"Koppen en labels\"
Je opent een pagina en de eerste kop is “Overzicht”. Overzicht van wat? Je scrollt naar beneden en ziet koppen als “Details”, “Meer informatie” en “Overig”. Geen enkele kop vertelt je wat er in die sectie staat. Je moet alles lezen om te begrijpen waar de pagina over gaat.
SC 3.3.1 - Wat betekent \"Foutidentificatie\"
Iedereen maakt wel eens een fout bij het invullen van een formulier. Maar als je niet duidelijk ziet wat er fout ging, kun je het probleem niet oplossen. Voor mensen met een cognitieve beperking, slechtzienden of gebruikers van schermlezers is dat extra lastig.
SC 3.3.2 - Wat betekent \"Labels en instructies\"
Je komt op een formulier met vijf velden. Geen labels, alleen placeholders die verdwijnen zodra je begint te typen. Halverwege het formulier weet je niet meer wat je in het eerste veld hebt getypt, en ook niet of het het juiste veld was. Er staat “Verplicht” bij sommige velden, maar welke? En dat telefoonnummerveld – moet je +31 ervoor zetten of niet?
SC 3.3.3 - Wat betekent “Foutsuggestie”
Iedereen maakt wel eens een fout bij het invullen van een formulier – een verkeerd e-mailadres, een vergeten veld of een foutief wachtwoord. Voor mensen met een cognitieve beperking, laaggeletterdheid of gebruikers van schermlezers kan het extra moeilijk zijn om deze fouten te begrijpen en te herstellen, zeker als de foutmelding onduidelijk is.
SC 3.3.4 - Wat betekent \"Foutpreventie (juridisch, financieel, data)\"
Je bestelt een vliegticket online. Je typt per ongeluk Amsterdam in plaats van Rotterdam als bestemming. Je klikt op “Bevestigen” en de boeking is definitief. Geen bevestigingsscherm, geen mogelijkheid om terug te gaan, geen “Weet je het zeker?”. Het ticket is gekocht, en annuleren kost je geld.
SC 3.3.7 - Wat betekent \"Redundante invoer\"
Je bent bezig met een online bestelling. In stap 1 vul je je naam en adres in. In stap 2 vraagt het formulier opnieuw om je naam. In stap 3 moet je je adres nog een keer invullen voor de facturatie. Je hebt dezelfde informatie drie keer getypt.