Succescriterium 3.2.1 Bij focus
Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.
Bij focus begrijpen (Engelstalig)
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een functiebeperking. Stel je voor: je navigeert met het toetsenbord door een pagina en opeens opent er een nieuw venster of je wordt naar een andere pagina gestuurd. Dat is verwarrend.
Als een bedieningselement de focus krijgt, dan mag er geen contextwijziging plaatsvinden. Een element krijgt de focus als je er met Tab naartoe gaat, of als je in een invoerveld klikt. Je activeert het element dan nog niet. Een knop activeren met een klik, Enter of Spatie valt hier dus niet onder.
Hoe pas je dit toe?
- Start een contextwijziging pas als iemand een element activeert, met een klik, Enter of de spatiebalk. Doe dit niet al als het element de focus krijgt.
- Verplaats of verwijder de focus niet met een script zodra een element de focus krijgt.
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
- 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: Bedieningselementen
- Verken de pagina met toetsenbord
- Bepaal welke bedieningselementen er zijn:
- Links
- Knoppen
- Formulierelementen (invoervelden, keuzelijsten, selectievakjes, keuzerondjes, schuifregelaars)
- Maatwerk bedieningselementen
- Bepaal welke elementen de focus kunnen krijgen (zie ook 2.1.1 Toetsenbord)
- Bepaal welke bedieningselementen er zijn:
- Herlaad de pagina
- Navigeer met Tab, Shift + Tab en/of de pijltoetsen door de pagina en controleer voor elk element dat de focus krijgt:
- 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 er geen content wijzigt die de betekenis van de pagina verandert
Belangrijk om te weten
- Een verandering van content is niet altijd een contextwijziging. Een tooltip of submenu dat verschijnt bij focus is geen contextwijziging, zolang de focus op het element blijft staan.
- Een script dat de focus weghaalt, faalt ook op 2.1.1 Toetsenbord en 2.4.7 Focus zichtbaar.
Beoordeling
- Een bedieningselement dat de focus krijgt, moet geen contextwijziging veroorzaken:
- 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
- Er wijzigt geen content die de betekenis van de pagina verandert