Верстка · Senior · Запитання 34 з 75
Що мінімально потрібно для доступного модального вікна?
- 1Досить
z-index: 9999, затемнення фону й кнопки-хрестика - ✓Правильна відповідь: Фокус усередину і його утримання, Esc, повернення фокуса, інертний фон
- 3Атрибут
aria-hidden="true"на самій модалці таrole="alert"
Пояснення
Користувачу клавіатури й скринрідера треба потрапити в модалку, не «випасти» з неї по Tab, закрити її й повернутися туди, де був. Нативний <dialog> з showModal() робить більшу частину цього сам: фон стає інертним, Esc закриває, фокус переноситься. Потрібен і підпис через aria-labelledby. aria-hidden на модалці, навпаки, сховає її від скринрідерів.