Ontbrekende labels en onduidelijke foutmeldingen maken formulieren vaak onbruikbaar. In deze categorie vind je de richtlijnen over labels, foutafhandeling en invoerhulp.
Met vormgeving kun je veel structuur laten zien. Een kop is groot en vet. Een lijst heeft opsommingstekens. Een tabel heeft rijen en kolommen. Die structuur moet ook in de code staan, of in de tekst zelf. Dan blijft de structuur bestaan als de vormgeving wegvalt of verandert. Schermlezers zijn namelijk afhankelijk van de onderliggende […]
Leg het doel van invoervelden die persoonlijke informatie van de gebruiker verzamelen vast in de code. Hieronder vallen persoonsgegevens zoals naam, voornaam, achternaam, e-mailadres, telefoonnummer, enz. Voor mensen die gebruik maken van een schermlezer en voor mensen met een fysieke of motorische beperking kan het invullen van een formulier een flinke opgave zijn. Als je […]
Niet-tekstuele onderdelen met te weinig contrast zijn een probleem voor iedereen, maar vooral mensen die slechtziend of kleurenblind zijn kunnen deze onderdelen niet (of niet goed) zien. Gebruik daarom voor niet-tekstuele bedieningselementen en grafische objecten die belangrijk zijn voor het begrijpen van de content een contrastverhouding die hoog genoeg is. Succescriterium 1.4.11 stelt een minimale […]
Sommige mensen hebben meer tijd nodig om content te lezen of een taak af te ronden. Denk aan mensen die een schermlezer gebruiken, mensen die slechtziend zijn, en mensen met een motorische, cognitieve of taalbeperking. Een tijdslimiet is alles wat vanzelf gebeurt na een vaste tijd, zonder dat de gebruiker iets doet. Bijvoorbeeld: Gebruik je […]
Koppen en labels beschrijven waar content over gaat of waar een bedieningselement voor is. Zo vinden gebruikers sneller wat ze zoeken. Het gaat om het label dat iedereen ziet: de tekst of het icoon bij een bedieningselement. Koppen en labels hoeven niet lang te zijn. Eén woord of zelfs één teken is genoeg, als het […]
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een beperking. Stel je voor: je kiest een optie in een keuzelijst en opeens verschijnt er een nieuw scherm, of de hele pagina ververst zonder waarschuwing. Dat is verwarrend. Als iemand de instelling van een bedieningselement wijzigt, mag er geen contextwijziging optreden, tenzij […]
Als iemand een formulier verkeerd invult en de website ontdekt dat automatisch, dan moet de gebruiker in tekst lezen dat er een fout is, waar die zit en wat er fout is. Een rode rand of een icoon alleen is niet genoeg. Een foutmelding beschrijft wat er fout is. Daarnaast moet duidelijk zijn welk veld […]
Bij elk formulierelement moet zichtbaar zijn wat je moet invullen of kiezen. Dat doe je met een label, een instructie of allebei. Deze moeten zichtbaar zijn voor álle gebruikers. Denk aan een veld waar je je naam invult. Het woord “Naam” boven het veld is het label. Soms is een label niet genoeg. Geef dan […]
Weet de website hoe de gebruiker een fout kan oplossen? Zet dat dan in de foutmelding. Noem bijvoorbeeld het juiste formaat, het toegestane bereik of de mogelijke waarden. Een paar voorbeelden: Je mag géén suggesties geven als dit de beveiliging in gevaar brengt. Geef bij een verkeerd ingevuld wachtwoord bijvoorbeeld geen hints over wat het […]
Bij sommige acties op een website heeft een fout grote gevolgen. Denk aan een vliegticket voor de verkeerde datum, of een account dat per ongeluk is verwijderd. Zo’n fout is vaak niet meer terug te draaien. Zorg daarom dat gebruikers een fout kunnen voorkomen of herstellen. Bied dan minimaal één van deze opties aan: Dit […]
Vraag in één proces niet twee keer om dezelfde informatie. Is informatie later in het proces opnieuw nodig? Dan moet die informatie: Een voorbeeld: een gebruiker vult op stap 1 een naam in. Op stap 3 is die naam weer nodig. Dan staat de naam daar al ingevuld, of kan de gebruiker hem selecteren. Dit […]
Zorg dat mensen kunnen inloggen zonder iets te onthouden, over te typen of op te lossen. Vraag je dat toch, dan moet je ze daarbij helpen. Sommige mensen met een cognitieve beperking of leerbeperking, zoals dyslexie of dyscalculie, kunnen geen wachtwoord onthouden of een code foutloos overtypen. Zonder hulp komen ze niet binnen. Een cognitieve […]
Een statusbericht is een korte melding die verschijnt of verandert, zonder dat de focus verplaatst of de pagina opnieuw laadt. Het bericht geeft altijd informatie over één van deze vier dingen: Zorg dat een schermlezer deze berichten automatisch voorleest. Zo krijgt iemand die het bericht niet ziet dezelfde informatie. Dat doe je met een ARIA-rol […]