Атрибут accesskey тега <track>
Описание
Атрибут accesskey для тега <track> позволяет назначить горячую клавишу для быстрого доступа к текстовой дорожке (субтитрам, титрам) в медиаплеере. Это улучшает доступность для пользователей клавиатуры.
<video controls>
<source src="movie.mp4" type="video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" accesskey="s">
</video>
Особенности работы:
- Комбинация клавиш зависит от браузера и ОС (обычно Alt+Key или Ctrl+Alt+Key)
- Лучше использовать однобуквенные символы
- Не конфликтуйте с системными сочетаниями клавиш
- Должен быть уникальным в пределах страницы
Рекомендации по выбору клавиш:
| Функция | Рекомендуемая клавиша | Пример |
|---|---|---|
| Субтитры | s | accesskey="s" |
| Титры | c | accesskey="c" |
| Описания | d | accesskey="d" |
Пример с несколькими дорожками:
<video controls>
<source src="lecture.mp4" type="video/mp4">
<track src="subs_en.vtt" kind="subtitles" srclang="en" label="English" accesskey="e">
<track src="subs_ru.vtt" kind="subtitles" srclang="ru" label="Русский" accesskey="r">
<track src="captions.vtt" kind="captions" srclang="en" label="Captions" accesskey="c">
</video>
Ограничения и проблемы:
- Разные браузеры используют разные модификаторы (Alt, Ctrl+Alt)
- Может конфликтовать с системными сочетаниями клавиш
- Ограниченная поддержка в мобильных браузерах
- Плохо работает с экранными читалками
Accessibility-советы:
- Дублируйте функциональность через интерфейс плеера
- Указывайте используемые сочетания в документации
- Избегайте конфликтов с другими accesskey на странице
- Тестируйте в разных браузерах
Примечание: В современных веб-приложениях вместо accesskey лучше использовать полноценную клавиатурную навигацию через JavaScript.