Succescriterium 3.2.2 Bij input
Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.
Bij input begrijpen (Engelstalig)
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 je de gebruiker van tevoren informeert. Het wijzigen van een instelling is iets anders dan een knop of link activeren. Denk aan het aanvinken van een selectievakje, het kiezen van een optie in een keuzelijst of het invoeren van tekst in een invoerveld.
Hoe pas je dit toe?
- Start een contextwijziging pas als iemand op een knop drukt, zoals een verzendknop. Doe dit niet al bij het kiezen van een optie of het invullen van een veld.
- Moet de contextwijziging direct gebeuren? Beschrijf dan vooraf wat er gaat gebeuren, in zichtbare tekst boven het bedieningselement of in het label. Bijvoorbeeld: “Kies een taal. De pagina wisselt direct naar die taal.”
Contextwijziging
Een contextwijziging is een grote verandering die gebruikers kan desoriënteren. Het gaat om veranderingen in:
- de user agent: de software waarmee je de content bekijkt, zoals een browser
- het weergavekader (viewport)
- de focus
- content die de betekenis van de pagina verandert
Voorbeelden van een contextwijziging:
- een nieuw venster openen
- de focus naar een ander element verplaatsen
- naar een andere pagina gaan (of naar iets dat eruitziet als een andere pagina)
- de content van de pagina flink anders ordenen
Een verandering van content is niet altijd een contextwijziging. Een lijst of menu dat uitklapt verandert de context niet, zolang de focus niet verandert.
Voor wie is dit belangrijk?
- Mensen die alleen het toetsenbord gebruiken.
- Mensen die een fysieke of motorische beperking hebben.
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
Hoe toets je dit?
Testprocedure
Test 1: Formulierelementen
- Inventariseer de pagina
- Bepaal welke formulierelementen er zijn:
- Invoervelden
- Tekstgebieden
- Keuzelijsten
- Selectievakjes
- Keuzerondjes
- Schuifregelaars
- Maatwerk formulierelementen
- Getalvakken
- Schakelknoppen
- Bepaal welke formulierelementen er zijn:
- Test elk formulierelement met alleen het toetsenbord en controleer direct na het veranderen van de instelling en na het verlaten met Tab:
- Of de focus niet automatisch verspringt of verdwijnt
- Of er niet automatisch een nieuw venster of tabblad opent
- Of er niet automatisch een andere pagina laadt
- Of de pagina niet automatisch herlaadt
- Of er niet automatisch een formulier wordt verzonden
- Of de content van de pagina niet ingrijpend wordt herschikt
- Of er geen content wijzigt die de betekenis van de pagina verandert
- Test elk formulierelement, behalve invoervelden en tekstgebieden, met alleen de muis en controleer direct na het veranderen van de instelling en na het verlaten door buiten het formulierelement te klikken:
- Of de focus niet automatisch verspringt of verdwijnt
- Of er niet automatisch een nieuw venster of tabblad opent
- Of er niet automatisch een andere pagina laadt
- Of de pagina niet automatisch herlaadt
- Of er niet automatisch een formulier wordt verzonden
- Of de content van de pagina niet ingrijpend wordt herschikt
- Of er geen content wijzigt die de betekenis van de pagina verandert
Let op: Alleen als er een contextwijziging plaatsvindt.
- Controleer voor elk formulierelement dat een contextwijziging veroorzaakt:
- Of het gedrag staat beschreven in zichtbare tekst die vóór het gebruik van het formulierelement te lezen is (bijvoorbeeld boven het formulierelement, in het label of in een eerdere stap van het proces)
De instelling veranderen met het toetsenbord
- Invoervelden, tekstgebieden en getalvakken: typ tekst
- Selectievakjes en schakelknoppen: zet aan of uit met Spatie
- Keuzerondjes: kies een ander keuzerondje met de pijltoetsen
- Keuzelijsten: kies een andere optie met de pijltoetsen, zonder de lijst te openen (test dit op Windows, want op macOS opent de lijst met de pijltoetsen)
- Schuifregelaars: verschuif met de pijltoetsen
- Maatwerk formulierelementen: gebruik de toetsen die bij het type formulierelement horen
De instelling veranderen met de muis
- Getalvakken: klik op de knop omhoog of omlaag in het veld
- Selectievakjes en schakelknoppen: zet aan of uit met een klik
- Keuzerondjes: klik op een ander keuzerondje
- Keuzelijsten: open de lijst en klik op een andere optie
- Schuifregelaars: sleep de regelaar of klik op een andere plek van de balk
- Maatwerk formulierelementen: gebruik de klik- of sleepbeweging die bij het type formulierelement hoort
Belangrijk om te weten
- Een verandering van content is niet altijd een contextwijziging. Nieuwe velden die na het formulierelement verschijnen, zonder dat de focus verspringt, zijn geen contextwijziging.
- Een ingrijpende herschikking verandert de indeling van de pagina, bijvoorbeeld kolommen of navigatie die van plek wisselen. Content die verschijnt, verdwijnt of opnieuw wordt gesorteerd ná het element, zonder dat de rest van de pagina verandert, is geen ingrijpende herschikking.
- Een veld dat na het invullen zelf de focus naar het volgende veld verplaatst, veroorzaakt wel een contextwijziging. Denk aan een verificatiecode met een apart vakje per cijfer.
- Bij invoervelden start een contextwijziging vaak pas als het veld de focus verliest. Bij een keuzelijst verandert de waarde al met de pijltoetsen, ook als de lijst dicht is.
- Invoervelden en tekstgebieden staan niet in de test met de muis. Hun instelling is alleen met het toetsenbord te veranderen.
- Een formulierelement dat alleen met de muis te bedienen is, zakt ook op 2.1.1 Toetsenbord.
- Bij selectievakjes en keuzerondjes staat het label vaak na het formulierelement. Een beschrijving in het label telt toch mee, omdat het label vóór het gebruik te lezen is.
Beoordeling
- Voor alle formulierelementen moet minstens één van de volgende zaken gelden:
- Het veranderen van een instelling veroorzaakt geen contextwijziging:
- De focus verspringt of verdwijnt niet automatisch
- Er opent niet automatisch een nieuw venster of tabblad
- Er laadt niet automatisch een andere pagina
- De pagina herlaadt niet automatisch
- Er wordt niet automatisch een formulier verzonden
- De content van de pagina wordt niet ingrijpend herschikt
- Er wijzigt geen content die de betekenis van de pagina verandert
- Het gedrag staat beschreven in zichtbare tekst die vóór het gebruik van het formulierelement te lezen is
- Het veranderen van een instelling veroorzaakt geen contextwijziging: