Toegankelijkheid ≠ Overlay: wanneer een formulier niet met een schermlezer kan worden ingevuld
Een toegankelijk formulier is meer dan een reeks velden. Iedereen moet het met toetsenbord en schermlezer kunnen begrijpen, invullen, controleren en verzenden.
Het probleem begint vóór het typen
Een veld kan visueel duidelijk zijn, maar alleen als ‘invoerveld’ worden aangekondigd. Zonder gekoppeld label weet iemand niet of er een naam, e-mailadres of telefoonnummer wordt gevraagd.
Labels, instructies en verplichte velden
Elk bedieningselement heeft een toegankelijke naam nodig en waar passend een correct gekoppeld HTML-label. Verplichte velden en verwachte notaties moeten vooraf duidelijk zijn; een placeholder vervangt geen label.
Ook de toetsenbordvolgorde telt
Met Tab moeten de elementen in logische volgorde bereikbaar zijn. Keuzelijsten, selectievakjes, knoppen en kalenders moeten zonder muis werken, met zichtbare focus en zonder onverwachte sprongen.
Fouten die je kunt begrijpen en herstellen
Een rode rand legt een fout niet uit. Beschrijf de fout in tekst, koppel de melding aan het betreffende veld en laat correcties toe zonder gegevensverlies. Dynamische meldingen moeten goed worden aangekondigd.
Controleren en bevestigen vóór verzenden
Bij aankopen en belangrijke handelingen is het verstandig om waar nodig controle en bevestiging mogelijk te maken. De verzendknop heeft een duidelijke naam nodig en het resultaat moet toegankelijk worden gemeld.
Wat WCAG voorschrijft
WCAG 2.2 behandelt labels en instructies (3.3.2), foutidentificatie (3.3.1), naam, rol en waarde van bedieningselementen (4.1.2) en toetsenbordbediening (2.1.1). Test ook het daadwerkelijke gedrag.
Hoe Blind Reader helpt
Blind Reader kan het doel van de pagina uitleggen, helpen formulieren te vinden, de navigatie ondersteunen en spraakinteractie vergemakkelijken. Het voert ook gerichte automatische verbeteringen uit, bijvoorbeeld bij het aankondigen van verplichte velden. Dit vult goed gebouwde formulieren aan.
Een eenvoudige test vóór publicatie
Vul het formulier in met toetsenbord en NVDA, VoiceOver of een andere schermlezer. Controleer de veldnamen, veroorzaak een fout, herstel die en bevestig de verzending. Als een stap niet lukt, is er nog een drempel.
Bronnen en verwijzingen
Een formulier is toegankelijk wanneer iemand de taak kan afronden, niet alleen wanneer het formulier zichtbaar is.
Aflevering 18 · Toegankelijkheid ≠ Overlay