3.2.2 – Invoer elementen (WCAG) | Niveau A

Een gebruiker behoudt controle tijdens het navigeren. De content verandert niet zonder voorafgaande aankondiging of expliciete bevestiging.

Toelichting

Voor het behoud van controle en een gevoel van gemak is het essentieel dat er geen onverwachte gebeurtenissen plaatsvinden. Stel je voor: een vragenlijst die automatisch wordt verzonden of een link die zich vanzelf opent na het aanvinken van een optie. Door verzendknoppen en waarschuwingen te gebruiken, zorg je ervoor dat het voor de gebruiker duidelijk is wat er gaat gebeuren. Dit is van extra belang voor mensen met een visuele beperking of degenen die uitsluitend met een toetsenbord navigeren.

Let op: dit criterium geldt ook voor het wijzigen van een (web)pagina. Een aanpassing in de instellingen mag niet automatisch resulteren in het laden van een nieuwe pagina of een significante wijziging van de inhoud, tenzij de gebruiker hierover vooraf is geïnformeerd of dit gedrag verwacht wordt.

Voorbeelden

• Formulieren mogen niet automatisch worden verzonden zodra alle velden zijn ingevuld. Dit stelt gebruikers in staat om hun invoer te controleren en aan te passen. Een effectieve oplossing hiervoor is het toevoegen van een samenvatting en een duidelijke verzendknop.
•  Een formulierveld mag niet automatisch naar het volgende veld springen zodra het volledig is ingevuld.
• Het selecteren van “ja” of “nee” mag niet automatisch een actie uitvoeren, tenzij dit vooraf duidelijk is aangegeven.
• Als je na het wijzigen van een instelling opnieuw vanaf het begin moet tabben door de pagina, voldoet de website niet aan dit criterium.
• Bij twee tekstvelden, bijvoorbeeld voor een vast en mobiel telefoonnummer, mag de focus naar het telefoonnummerveld verspringen nadat de gebruiker het netnummer heeft ingevuld. Dit is alleen toegestaan als de gebruiker hierover vooraf is geïnformeerd.
• De content wijzigt nadat je de tekstgrootte hebt aangepast. Dergelijke besturingselementen hebben geen verzendknop nodig, zolang de tekst vóór het element duidelijk aangeeft wat er zal gebeuren bij invoer.

Hoe test je dit?

Controleer alle interactieve elementen en verifieer dat er geen onverwachte acties plaatsvinden. Voer deze test uit met zowel een toetsenbord als voorleessoftware. Voor webpagina’s adviseren we om in te zoomen tot 200%.