Для декоративных шрифтов значков и других применимых компонентов, есть ли разница между использованием aria-hidden=true и использованием role=img alt=
Доступность декоративных иконок
Ответы (1)
Да, разница есть, но не глобальная.
aria-hidden="true"
полностью удалит его из дерева специальных возможностей.
role="img" alt=""
все равно добавит его в дерево специальных возможностей в качестве декоративного изображения. (ну, изображение без alt
описания, если мы будем техническими - оно не будет прочитано, и это то, о чем мы заботимся)
Теперь это не вызывает проблем у большинства пользователей программ чтения с экрана. Но некоторые пользователи программ чтения с экрана могут использовать программу чтения с экрана с очень высокими настройками детализации (сколько деталей считывается).
В этом случае действительно возможно, что с role="img"
изображение считывается как изображение, без описания.
Это крайний случай, но его следует учитывать.
В качестве дополнительной мысли - поддержка role="img"
может быть не такой хорошей (нет много данных по этому поводу)
Я бы посоветовал использовать aria-hidden="true"
и возможно добавить role="presentation"
, так как поддержка хороша для этого как хороший запасной вариант.