Атрибут 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.