Каким будет подходящее лечение WAI-ARIA для скрытых элементов

Какова будет подходящая обработка WAI ARIA для скрытых элементов (скрытых с помощью CSS), таких как изображения загрузчика / текст "пожалуйста, подождите" и т. Д. Хотелось бы избежать их считывания программами чтения с экрана, когда они изначально скрыты.

Источник

1 ответ

Решение

Использовать CSS display:none или же visibility:hidden; оба они широко поддерживаются всеми основными программами чтения с экрана. Обратите внимание, что если вы уже используете это - то все готово! Нет необходимости использовать aria-hidden в дополнение к этим.

Остерегайтесь других способов сокрытия вещей: использование больших отрицательных смещений / полей или нулевой высоты / ширины может работать в одной или двух комбинациях браузера / программы чтения с экрана, но не во всех. Так, например, если вы скрываете элемент, анимируя его высоту до 0, обязательно установите display:none или visibility:false в конце анимации.

Вот несколько источников с этой информацией:

Источник
Другие вопросы по тегам