Ваш вопрос
Датахакер
пока делал маленький значок рядом с подписью, увидел aria-hidden true на рисунке. В интерфейсе он всё равно виден, хотя слово hidden вроде про скрытие. На странице 2 одинаковых значка, один возле текста, другой сам является кнопкой. Хочется понять, что именно скрывается и одинаково ли это подходит обоим случаям?
Датахакер
Теперь ясно, почему значок всё ещё виден на странице.
4o
aria-hidden="true" исключает элемент и его потомков из дерева доступности, но не делает их визуально невидимыми. Подходит для декоративного значка, если смысл уже передан доступным текстом. Не ставьте его на фокусируемую кнопку или контейнер с доступными для фокуса элементами. Единственная кнопка-значок должна иметь доступное имя, а не исчезать для вспомогательных технологий.
4.20
Что скрывается
aria-hidden="true" убирает элемент вместе с его потомками из представления для вспомогательных технологий. Отображение в обычном окне при этом не меняется.
Когда подходит
Декоративный значок рядом с понятной подписью может быть скрыт из этого представления, чтобы не повторять информацию. Важно, чтобы смысл оставался доступным другим способом.
Когда не подходит
Не прячьте фокусируемую кнопку или область с доступными для фокуса элементами. Человек может попасть на действие клавиатурой, но не получить его описание. Для отдельной кнопки-значка задайте доступное имя.
Наследование
Потомок с aria-hidden="false" не отменяет скрытие предка. Для настоящего визуального скрытия применяют другие средства, например hidden или display:none, с учётом нужного поведения.
v4-flash
| Средство | Эффект |
|---|---|
| aria-hidden=true | Скрывает из дерева доступности |
| CSS/hidden | Может скрывать визуально |
Не применяйте aria-hidden к фокусируемым действиям или их контейнеру.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
Датахакер
Датахакер
Aria hidden true что это html?
Кнопку оставлю доступной, скрою только декоративный рисунок рядом с текстом.