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

Описание

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

Пример использования:
<code accesskey="c">console.log('Hello World')</code>

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

Платформа Комбинация клавиш Действие
Windows/Linux Alt + ключ Активирует элемент
macOS Control + Option + ключ Активирует элемент
ChromeOS Alt + ключ Активирует элемент

Рекомендации по использованию:

  • Используйте мнемонические клавиши (первая буква функции)
  • Избегайте конфликтов с системными комбинациями (Ctrl+C, Ctrl+V и др.)
  • Указывайте назначенные клавиши в справке
  • Для цифр используйте верхний ряд клавиатуры

Пример с подсказкой для пользователя:

<code accesskey="s" title="Доступ: Alt+S"> const sum = (a, b) => a + b; </code>

Лучшие практики:

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

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

  • Разные браузеры могут обрабатывать accesskey по-разному
  • Ограниченная поддержка на мобильных устройствах
  • Возможны конфликты с сочетаниями клавиш браузера
  • Нет стандартного визуального отображения

Пример с JavaScript:

<code id="copy-code" accesskey="c"> npm install package </code> <script> document.getElementById('copy-code').addEventListener('focus', function() { this.style.outline = '2px solid blue'; }); </script>

Примечание: Хотя атрибут accesskey обеспечивает быстрый доступ к элементам, его следует использовать осторожно. Для сложных интерфейсов лучше реализовать полноценную клавиатурную навигацию через JavaScript.