Атрибут accesskey тега <video>

Описание

Атрибут accesskey позволяет назначить горячую клавишу для быстрого доступа к элементу <video>. Это улучшает доступность для пользователей, которые полагаются на клавиатурный ввод.

Пример использования:
<video src="video.mp4" controls accesskey="V"></video>

Особенности работы:

  • Активируется комбинацией клавиш (зависит от браузера и ОС)
  • В Windows: Alt + ключ
  • В Mac: Control + Option + ключ
  • Фокусирует элемент видео при активации

Рекомендации по выбору клавиш:

Клавиша Рекомендуемое использование
1-9 Для нумерованных элементов
Буквы Первая буква функции (V - video)
Избегать S, F, E (используются браузерами)

Пример с несколькими элементами:

<video src="lecture.mp4" controls accesskey="L"></video> <video src="demo.mp4" controls accesskey="D"></video>

Рекомендации:

  • Используйте уникальные клавиши на странице
  • Документируйте горячие клавиши для пользователей
  • Тестируйте в разных браузерах и ОС
  • Сочетайте с другими функциями доступности

Ограничения:

  • Конфликты с комбинациями браузера
  • Разные реализации в браузерах
  • Ограниченная осведомлённость пользователей

Пример с JavaScript-обработкой:

<video id="mainVideo" src="video.mp4" accesskey="P"></video> <script> document.addEventListener('keydown', function(e) { if (e.altKey && e.key.toLowerCase() === 'p') { document.getElementById('mainVideo').focus(); document.getElementById('mainVideo').play(); } }); </script>
Важно: При использовании accesskey:
  • Избегайте конфликтов с системными комбинациями
  • Учитывайте международные раскладки клавиатуры
  • Не заменяйте полноценную навигацию с клавиатуры

Дополнительные возможности:

<video src="video.mp4" controls accesskey="V"> <track kind="captions" src="captions.vtt" srclang="ru" label="Субтитры"> </video> <p>Нажмите Alt+V (Windows) для доступа к видео</p>