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

Описание

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

Пример использования:
<table border="1"> <tr> <th accesskey="n">Наименование</th> <th accesskey="p">Цена</th> </tr> <tr> <td>Товар 1</td> <td>100₽</td> </tr> </table>

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

  • Активируется комбинацией клавиш (зависит от браузера и ОС)
  • Windows/Linux: Alt + ключ
  • Mac: Control + Option + ключ
  • Не изменяет визуальное отображение таблицы
  • Рекомендуется для важных заголовков таблиц

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

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

Пример с визуальным обозначением:

<style> th[accesskey]::after { content: " [" attr(accesskey) "]"; font-size: 0.8em; color: #666; } </style> <table border="1"> <tr> <th accesskey="n">Наименование</th> <th accesskey="p">Цена</th> </tr> </table>

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

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

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

Рекомендация Пример
Используйте строчные буквы accesskey="n"
Избегайте цифр и спецсимволов accesskey="1" (плохо)
Дублируйте функциональность мышью Не заменяйте клики, а дополняйте

Примечание: Для сложных таблиц с навигацией используйте:

  • JavaScript для расширенной клавиатурной навигации
  • ARIA-атрибуты для улучшения доступности
  • Подсказки с описанием горячих клавиш