Toegankelijkheid ≠ Overlay: wanneer een modaal venster toetsenbordnavigatie blokkeert

Je activeert Doorgaan en er verschijnt een venster. De schermlezer leest nog steeds de pagina erachter, of het toetsenbord kan Sluiten niet bereiken. De taak wordt onderbroken.

Een modaal venster houdt de interactie tijdelijk bij één taak. Zolang het openstaat, hoort de achtergrond geen focus te krijgen. Niet ieder pop-upvenster hoeft modaal te zijn.

Bij openen gaat de focus naar een geschikt element in het venster. Tab en Shift+Tab bewegen tussen de bedieningselementen zonder naar de achtergrond te gaan. Bij sluiten keert de focus doorgaans terug naar de knop die het venster opende.

Het venster heeft een toegankelijke naam nodig, vaak gekoppeld aan de kop. Knoppen moeten Opslaan, Annuleren of Sluiten duidelijk aangeven. Alleen een X-pictogram is mogelijk onvoldoende.

Meestal sluit Escape het venster. Gevoelige bevestigingen vragen om specifieke aandacht, maar de beschikbare keuzes moeten duidelijk blijven.

Focus verdwijnt achter het venster, bediening op de achtergrond blijft actief, meldingen worden niet aangekondigd of knoppen zijn onbereikbaar bij tekstvergroting.

Open het venster alleen met het toetsenbord. Controleer beginfocus, Tab, Shift+Tab, Escape waar passend en het terugzetten van focus. Herhaal met schermlezers en mobiele apparaten.

Blind Reader ondersteunt oriëntatie en navigatie naast bestaande schermlezers. Gerichte correcties kunnen bepaalde interacties verbeteren; het modale venster zelf moet de focus ook goed beheren.

Een toegankelijk modaal venster laat mensen begrijpen, kiezen en zonder verdwalen verdergaan.

• W3C WAI — Dialog (Modal) Pattern
• W3C WAI — Understanding Keyboard
• W3C WAI — Understanding Focus Order
• W3C WAI — Understanding Name, Role, Value

Aflevering 20 · Toegankelijkheid ≠ Overlay