Атрибут tabindex тега <acronym>
Описание
Атрибут tabindex в теге <acronym> определяет, может ли элемент получать фокус и его позицию в последовательности перехода по Tab. Хотя это нестандартное использование для акронимов, технически возможно.
Синтаксис:
<acronym tabindex="значение" title="...">Акроним</acronym>
Допустимые значения:
| Значение | Поведение |
|---|---|
0 |
Включает в естественный порядок перехода |
-1 |
Исключает из последовательности, но разрешает фокус через JS |
| Положительное число | Определяет явный порядок (не рекомендуется) |
Примеры использования:
1. Делаем акроним фокусируемым:<acronym tabindex="0" title="HyperText Markup Language">HTML</acronym>
<style>
acronym:focus {
outline: 2px solid #0066cc;
background-color: #f0f7ff;
}
</style>
<acronym tabindex="0" title="JavaScript Object Notation">JSON</acronym>
Рекомендации:
- Избегайте использования без реальной необходимости
- Для важных элементов используйте более семантичные теги
- Всегда добавляйте визуальные стили для состояния фокуса
- Не используйте положительные значения tabindex
Ограничения:
- Нарушает стандартные паттерны доступности
- Может запутать пользователей
- Плохая поддержка на мобильных устройствах
- В HTML5 рекомендуется использовать
<abbr>
Альтернативный подход:
<button class="abbr-button" tabindex="0">
<abbr title="Representational State Transfer">REST</abbr>
</button>
<style>
.abbr-button {
background: none;
border: none;
cursor: help;
font: inherit;
}
</style>