Выбор ответа Junior Доступность спрашивают часто обновлено
aria-hidden против display: none
Вопрос
Нужно, чтобы декоративная иконка оставалась видна на экране, но скринридер её не зачитывал. Что выбрать?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: aria-hidden="true". aria-hidden="true" убирает элемент только из дерева доступности, на экране он остаётся. display: none и visibility: hidden прячут элемент и от глаз, и от скринридера. .visually-hidden делает наоборот: прячет от глаз, но оставляет для…
Варианты ответа
display: nonevisibility: hidden- Класс
.visually-hidden aria-hidden="true"правильный ответ
Разбор
aria-hidden="true" убирает элемент только из дерева доступности, на экране он остаётся. display: none и visibility: hidden прячут элемент и от глаз, и от скринридера. .visually-hidden делает наоборот: прячет от глаз, но оставляет для скринридера.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.