godsplane
@godsplane

Title == aria-label?

Правильно ли я понимаю что если у элемента есть атрибут title то его можно приравнять к aria-label только + для обычного пользователя?
Нет смысла дублировать если текст один и тот же?
Например
<a href="https://vk.com" title="Перейти в вк" aria-label="Перейти в вк"><img src='...' /></a>
  • Вопрос задан
  • 149 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега HTML
Верставший фронтендер
Не совсем.
1) Не все скринридеры посчитают title существенным для озвучивания (пруфов на руках нет).
2) Есть степень специфичности, на основе которой решается что озвучить пользователю.
aria-label приоритетнее чем title.
title наименее приоритетный, насколько я помню. Его перебьёт всё что угодно, и если совсем ничего нет, даже content, только тогда на него обратят внимание.
title - нет на мобильных девайсах. По крайней мере визуально (voiceover`ом не проверял)

Вот скрин кнопки "подписаться" под Вашим вопросом из дерева доступности в десктопном гугл хром:
6370abfd6a92c130018887.png
Как видно - по итогу пользователю зачитается "Подписаться1", потому что aria-labelledby и aria-label не заданы, а content приоритетнее чем атрибут title.

А в приведённом Вами примере, если опустить aria-label, то, на вскидку, должен зачитать: "изображение" + значение атрибута alt + "ссылка", так как контент есть.
А вот если бы в ссылке не было вообще ничего и картинка рисовалась на css, скажем, фоном. Вот тогда, НАВЕРНОЕ, можно было бы сказать что aria-label и title равны. Но только при условии что скринридер вообще считает title за семантический атрибут.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 07:47
2000 руб./за проект
26 апр. 2024, в 06:46
1000 руб./в час
26 апр. 2024, в 05:31
1000 руб./за проект