Ontbrekende labels en onduidelijke foutmeldingen maken formulieren vaak onbruikbaar. In deze categorie vind je de richtlijnen over labels, foutafhandeling en invoerhulp.
Met vormgeving laat je veel structuur 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 code. […]
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 […]
Mensen die gebruik maken van een schermlezer of mensen met een fysieke of motorische beperking hebben soms meer tijd nodig voor het uitvoeren van een taak. Als je een tijdslimiet gebruikt, zorg dan dat je aan minstens één van deze opties voldoet: Uitzonderingen zijn: Hoe pas je dit toe? Voor wie is dit belangrijk? Wie […]
Duidelijke koppen en labels zijn essentieel voor een toegankelijke website. Ze helpen gebruikers begrijpen hoe informatie is georganiseerd. Dit succescriterium heeft niks te maken met de technische opmaak van koppen of labels (dat valt onder een ander criterium). Het gaat puur om de inhoud van de koppen en labels. Hoe pas je dit toe? Koppen […]
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 je een formulier invult en er gaat iets fout, dan moet de gebruiker precies weten wat er mis is gegaan. Je moet daarom fouten duidelijk aanduiden met tekst. Gebruik bijvoorbeeld niet “Dit veld is verplicht” als foutmelding, maar wees zo specifiek mogelijk: Schrijf bijvoorbeeld “E-mailadres’ is niet ingevuld” of “Het ingevulde e-mailadres ‘jansen@’ is niet geldig.” […]
Bij elk invoerveld moet je duidelijk maken wat de gebruiker moet invullen. Dit doe je door een duidelijk en zichtbare label of instructie toe te voegen. Deze moeten zichtbaar zijn voor álle gebruikers. Denk aan een formulier waar je je naam invult: het woord “Naam” boven of naast het veld is het label. Bij complexe […]
Zorg dat je bij foutmeldingen altijd aangeeft hoe de gebruiker het probleem kan oplossen. Geef alleen suggesties als deze bekend zijn. Een paar voorbeelden: Je mag géén suggesties geven als dit de veiligheid in gevaar brengt. Geef bij een verkeerd ingevuld wachtwoord bijvoorbeeld geen hints over wat het juiste wachtwoord dan wel is. Geef ook […]
Als je iets belangrijks invult op een website bij bestellingen of financiële transacties, wil je geen fouten maken. Sommige fouten kun je namelijk niet meer terugdraaien. Bij belangrijke acties op je website moet je altijd zorgen dat gebruikers hun invoer kunnen controleren en verbeteren voordat het definitief wordt verzonden. Bied dan minimaal één van deze opties […]
Zorg dat informatie niet meerdere keren moet worden ingevuld in hetzelfde proces. Informatie die een gebruiker al eerder heeft ingevuld tijdens hetzelfde proces moet: Vraag gebruikers dus niet om dezelfde informatie twee keer in te voeren tijdens één sessie. Als iemand bijvoorbeeld al hun naam heeft ingevuld op stap 1, vraag dit dan niet opnieuw […]
Zorg dat mensen kunnen inloggen zonder dat ze een cognitieve functietest moeten uitvoeren. Dit is vooral belangrijk voor mensen met een cognitieve, taal- of leerbeperking die moeite kunnen hebben met bijvoorbeeld het onthouden van wachtwoorden. Onder een cognitieve functietest vallen taken taak die vereist dat iemand informatie onthoudt, bewerkt of overschrijft. Een cognitieve functietest mag […]
Een statusbericht is een melding die een verandering in de content aangeeft, zonder dat hiervoor de focus wordt verplaatst of de pagina wordt herladen. Ze geven bijvoorbeeld informatie over: Zorg dat deze statusberichten ook kunnen worden herkend door een schermlezer zodat iedereen dezelfde informatie krijgt. Gebruik hiervoor de juiste ARIA-rollen. Een bericht is géén statusbericht […]