Использование abbr с атрибутом title
В HTML можно пояснять аббревиатуры при помощи такого кода:
Опустим тот факт, что системный тултип — ужасное решение, даже если он работает. Адриан Розелли проверил, как ведёт себя такая конструкция в разных браузерах и в разных операционных системах с точки зрения доступности с клавиатуры, на тач-устройствах, в голосовых ассистентах. И если коротко, то плохо. Подробности по ссылке.
Мораль: не используйте
https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html
В HTML можно пояснять аббревиатуры при помощи такого кода:
<abbr title="National Aeronautics and Space Administration">NASA</abbr>
. На странице покажется текст из содержимого тега abbr
, а если навести на него мышку, то появится тултип с содержимым из атрибута title
. Удобно же, правда?Опустим тот факт, что системный тултип — ужасное решение, даже если он работает. Адриан Розелли проверил, как ведёт себя такая конструкция в разных браузерах и в разных операционных системах с точки зрения доступности с клавиатуры, на тач-устройствах, в голосовых ассистентах. И если коротко, то плохо. Подробности по ссылке.
Мораль: не используйте
abbr
. Чтобы он по-настоящему работал, всё равно придётся реализовывать собственную обёртку. А ещё лучше расшифровать аббревиатуру прямо в тексте. В книгах и журналах так делают сотни лет — и ничего, как-то люди эти тексты без курсора понимают. Если можно сделать текст понятнее без дополнительных действий — стоит это сделать.https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html