Nieuw in WCAG 2.1 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 […]
Categorie: Formulieren
Alle berichten in de categorie formulieren.
Timing aanpasbaar
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 gebruikers tijd kunnen aanpassen of uitzetten zodat ze in hun eigen tempo kunnen werken. Als je een tijdslimiet gebruikt, zorg dan […]
Koppen en labels
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 […]
Bij input
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een beperking. Bijvoorbeeld: als iemand een optie kiest in een keuzelijst, mag er niet zomaar een nieuw scherm verschijnen zonder waarschuwing. Of als iemand een selectievakje aanvinkt, moet niet plotseling de hele pagina vernieuwen zonder dat je dit hebt aangegeven. Hoe pas je […]
Foutidentificatie
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: Je kunt foutmeldingen op verschillende manieren tonen: Het doel is dat gebruikers weten dat […]
Labels of instructies
Labels of instructies moeten worden weergegeven bij formuliervelden. Het invullen van formulieren kan moeilijk zijn. Maak het gemakkelijker door precies te beschrijven wat er in een invoerveld moeten ingevuld en of het veld verplicht is. Ook als een invoerveld in een specifiek formaat moet worden ingevuld moet dit worden aangegeven. Bijvoorbeeld een datum in het […]
Foutsuggestie
Zorg dat je bij foutmeldingen altijd aangeeft hoe de gebruiker het probleem kan oplossen. Gebruik bijvoorbeeld: “Het e-mailadres is niet geldig. Controleer of je een @ hebt gebruikt.” in plaats van alleen “Ongeldig e-mailadres”. De suggesties mogen alleen weggelaten worden als dit de veiligheid of het doel van de inhoud in gevaar brengt. Hoe pas […]
Foutpreventie (wettelijk, financieel, gegevens)
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 […]
Lees verder over Foutpreventie (wettelijk, financieel, gegevens)
Overbodige invoer
Nieuw in WCAG 2.2 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 […]
Toegankelijke authenticatie (minimum)
Nieuw in WCAG 2.2 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: Een cognitieve functietest mag alleen […]
Statusberichten
Nieuw in WCAG 2.2 Een statusbericht is een melding die een verandering in de content aangeeft, zonder dat hiervoor de focus wordt verplaatst of de pagina wordt herladen. Statusberichten geven bijvoorbeeld informatie over het succes of de resultaten van een actie, over fouten of over de voortgang van een proces. Denk aan meldingen zoals “Bezig […]