HTML i CSS · Senior · Pytanie 34 z 75
Jakie jest minimum dla dostępnego okna modalnego?
- 1Wystarczy
z-index: 9999, przyciemnione tło i przycisk zamykania - ✓Poprawna odpowiedź: Fokus przeniesiony do środka i uwięziony, Esc, przywrócenie fokusu, nieaktywne tło
- 3
aria-hidden="true"na samym modalu plusrole="alert"
Wyjaśnienie
Użytkownicy klawiatury i czytników ekranu muszą dostać się do modala, nie „wypadać” z niego Tabem, zamknąć go i wrócić tam, gdzie byli. Natywny <dialog> z showModal() robi większość: tło staje się nieaktywne, Esc zamyka, fokus się przenosi. Potrzebna jest też etykieta przez aria-labelledby. aria-hidden na modalu ukryłby go przed czytnikami ekranu.