Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Wat is een onverwachte contextverandering bij invoer?
Een onverwachte contextverandering bij invoer vindt plaats wanneer de pagina al bij typen of selecteren verandert - zonder dat de bezoeker op Verzenden heeft gedrukt. Het klassieke voorbeeld: een selectielijst Land kiezen laadt direct bij selectie een nieuwe pagina. Wie zich vertypt of met pijltoetsen door de lijst gaat, wordt midden invoer weggeblazen. WCAG-criterium 3.2.2 vereist een uitdrukkelijke bevestigingsstap.
Wat het criterium voor bezoekers praktisch betekent
Formulieren leven van de mogelijkheid om ingevoerde waarden te heroverwegen en te corrigeren. Wie met het toetsenbord een selectielijst bedient, gaat de vermeldingen met de pijltoetsen een voor een door - elke vermelding wordt daarbij kort geselecteerd. Laadt de pagina al bij deze selectie opnieuw, bereikt een toetsenbordgebruiker alleen de allereerste vermelding; alle verdere landen, filialen of categories blijven voor hem onbereikbaar. Ook mensen die langzaam typen of stembesturing gebruiken, verliezen bij dergelijke sofortveranderingen hun half ingevulde formulieren. De oplossing is eenvoudig en vertrouwd: een eigen knop zoals Verder of Toepassen, die de bezoeker bewust bedient wanneer zijn invoer klaar is.
Zo meet de controledienst gedrag bij invoer
De controledienst voert in een echte browser een voorzichtige invoer-proef uit: hij kiest een tekstinvoerveld op uw pagina, typt een teken in en beobserveert wat er gebeurt. Activeert de invoer een echte navigatie - de pagina laadt opnieuw zonder dat iets is ingediend -, geldt het criterium als overtreding. Blijft de pagina rustig, geldt de proef als geslaagd. Selectielijsten probeert de meting opzettelijk niet: een automatische selectie zou op een echte website gevolgen kunnen hebben. Dergelijke gevallen noteert het rapport duidelijk voor handmatige controle, en bij de goud-standaard beoordeelt een mens het gedrag van elke selectielijst. Ook een live-zoek die bij typen de resultaatlijst herbouwt, wordt menselijk beoordeeld.
Beispiele
Auswahl sendet sofort ab
<select name="land" onchange="this.form.submit()">…</select><select name="land">…</select>
<button type="submit">Anzeigen</button>Wer mit den Pfeiltasten durch die Liste geht, löst bei jedem Schritt ein Absenden aus. Ein Knopf trennt Wahl und Wirkung.
- Gaan elke selectielijst van uw website met pijltoetsen door en controleer of de pagina daarbij op zijn plaats blijft.
- Geef elke filter- en landselectie een eigen knop zoals Toepassen, in plaats van de selectie direct van kracht te laten worden.
- Typ in elk zoekveld een teken en beobserveer of de pagina rustig blijft staan.
- Vraag uw bureau om automatische doorverwijzingen bij formulierwijzigingen in principe door bevestigingsstappen te vervangen.