Доступность декоративных иконок

Для декоративных шрифтов значков и других применимых компонентов, есть ли разница между использованием aria-hidden=true и использованием role=img alt=


person Myreille Abaya    schedule 09.05.2021    source источник


Ответы (1)


Да, разница есть, но не глобальная.

aria-hidden="true" полностью удалит его из дерева специальных возможностей.

role="img" alt="" все равно добавит его в дерево специальных возможностей в качестве декоративного изображения. (ну, изображение без alt описания, если мы будем техническими - оно не будет прочитано, и это то, о чем мы заботимся)

Теперь это не вызывает проблем у большинства пользователей программ чтения с экрана. Но некоторые пользователи программ чтения с экрана могут использовать программу чтения с экрана с очень высокими настройками детализации (сколько деталей считывается).

В этом случае действительно возможно, что с role="img" изображение считывается как изображение, без описания.

Это крайний случай, но его следует учитывать.

В качестве дополнительной мысли - поддержка role="img" может быть не такой хорошей (нет много данных по этому поводу)

Я бы посоветовал использовать aria-hidden="true" и возможно добавить role="presentation", так как поддержка хороша для этого как хороший запасной вариант.

person Graham Ritchie    schedule 10.05.2021
comment
Имеет смысл, спасибо! - person Myreille Abaya; 11.05.2021