Accesibilitate ≠ Overlay: când o fereastră modală blochează navigarea cu tastatura
O fereastră modală poate ajuta la confirmarea unei cumpărături, la autentificare sau la afișarea unor informații importante. Gestionarea greșită a focalizării și a tastaturii poate însă împiedica finalizarea sarcinii.
O barieră care apare brusc
Apeși „Continuă” și se deschide o fereastră. Cititorul de ecran continuă să citească pagina din fundal sau tastatura nu poate ajunge la „Închide”. Parcursul este întrerupt.
Ce este o fereastră modală
O fereastră modală concentrează temporar interacțiunea asupra unei sarcini. Cât timp este deschisă, conținutul din fundal nu ar trebui să primească focalizarea. Nu toate ferestrele pop-up trebuie să fie modale.
Focalizarea trebuie să urmeze acțiunea
La deschidere, focalizarea trece la un element potrivit din fereastră. Tab și Shift+Tab parcurg controalele fără a ajunge în fundal. La închidere, focalizarea revine de regulă la elementul care a deschis-o.
Denumiri clare și butoane ușor de înțeles
Fereastra are nevoie de un nume accesibil, adesea asociat titlului. Butoanele trebuie să indice clar „Salvează”, „Anulează” sau „Închide”. O pictogramă X fără etichetă poate fi insuficientă.
Închidere fără blocaje
De obicei, Escape ar trebui să închidă fereastra. Confirmările sensibile necesită o abordare specială, dar opțiunile trebuie să rămână clare.
Erori frecvente
Focalizarea se pierde în spatele ferestrei, controalele din fundal rămân active, mesajele nu sunt anunțate sau butoanele devin inaccesibile la mărirea textului.
Cum testăm
Deschide fereastra doar cu tastatura. Verifică focalizarea inițială, Tab, Shift+Tab, Escape unde este cazul și revenirea focalizării. Repetă cu cititoare de ecran și pe mobil.
Cum ajută Blind Reader
Blind Reader sprijină orientarea și navigarea alături de cititoarele de ecran obișnuite. Corecțiile sale punctuale pot îmbunătăți anumite interacțiuni; fereastra modală trebuie să gestioneze corect focalizarea.
O fereastră care permite continuarea
O fereastră modală accesibilă permite înțelegerea situației, alegerea și reluarea sarcinii fără dezorientare.
Surse și referințe
Episod 20 · Accesibilitate ≠ Overlay