Атрибут accesskey тега <button>
Описание
Атрибут accesskey позволяет назначить горячую клавишу для быстрого доступа к кнопке. Это улучшает доступность и удобство использования для пользователей, которые предпочитают клавиатурную навигацию.
<button type="button" accesskey="s" onclick="saveForm()">
Сохранить (Alt+S)
</button>
| Аспект | Описание | Примечание |
|---|---|---|
| Активация | Alt + ключ (Windows), Control + ключ (Mac) | Зависит от ОС и браузера |
| Значения | Один символ (буква, цифра или знак) | Регистр не имеет значения |
| Доступность | Улучшает навигацию для пользователей клавиатуры | Рекомендуется указывать подсказку |
Рекомендации по использованию:
- Используйте общепринятые сочетания (S - Save, F - Find, etc.)
- Избегайте конфликтов с системными сочетаниями клавиш
- Указывайте назначенную клавишу в тексте кнопки
- Не злоупотребляйте - ограничьте 3-5 основными действиями
<!-- Пример с несколькими кнопками -->
<button accesskey="n" onclick="newDocument()">
Новый (Alt+N)
</button>
<button accesskey="p" onclick="printDocument()">
Печать (Alt+P)
</button>
Ограничения и совместимость:
- Разные браузеры используют разные модификаторы (Alt, Ctrl, ⌘)
- Может конфликтовать с сочетаниями клавиш браузера
- На мобильных устройствах работает ограниченно
- Рекомендуется дублировать функционал через другие средства навигации
Примечание: Хотя accesskey улучшает доступность, современные веб-приложения чаще используют сложные системы клавиатурных сокращений через JavaScript. Однако accesskey остается простым решением для базовых сценариев.