Глобальный HTML-атрибут accesskey, определение и примеры
Меню
Веб-разработка

Атрибут accesskey HTML

Атрибут accesskey

Атрибут HTML accesskey - это глобальный атрибут и определяет клавишу быстрого доступа для активации/фокусировки определенного элемента. Значение атрибута должно состоять из одного печатного символа.


Атрибут accesskey - синтаксис и код

Пример двух гиперссылок с определенными клавишами доступа accesskey:

<!DOCTYPE html>
<html>
<body>

<a href="https://appnet.club/html" accesskey="v">Руководство по HTML</a><br>
<a href="https://appnet.club/reference" accesskey="c">Справочник</a>

<p>Атрибут accesskey указывает сочетание клавиш для активации/фокусировки элемента.</p>
<p><strong>Заметка:</strong> Сочетание клавиш различается в разных браузерах:</p>

<ul>
   <li>Edge, IE, Chrome, Safari, Opera 15+: [ALT] + <em>accesskey</em></li>
   <li>Opera prior version 15: [SHIFT] [ESC] + <em>accesskey</em></li>
   <li>Firefox: [ALT] [SHIFT] + <em>accesskey</em></li>
</ul>

</body>
</html>

Руководство по HTML
Справочник

Атрибут accesskey указывает сочетание клавиш для активации/фокусировки элемента.

Заметка: Сочетание клавиш различается в разных браузерах:

  • Edge, IE, Chrome, Safari, Opera 15+: [ALT] + accesskey
  • Opera prior version 15: [SHIFT] [ESC] + accesskey
  • Firefox: [ALT] [SHIFT] + accesskey

Синтаксис

<element accesskey="character">

Определение и использование

В HTML5 атрибут accesskey может использоваться с любым элементом.

  • Атрибут accesskey указывает клавишу быстрого доступа для активации/фокусировки элемента;
  • Значение атрибута accesskey должно быть одним символом (буквой или цифрой);
  • Способ доступа к клавише быстрого доступа различается в зависимости от браузера.

Если есть несколько элементов с одинаковой клавишей доступа, поведение браузера будет отличться:

  • Google Chrome и Safari: будет активирован последний элемент с клавишей доступа;
  • Opera: будет активирован первый элемент с клавишей доступа;
  • Mozilla Firefox: будет активирован следующий элемент с клавишей доступа.

Помимо плохой поддержки браузеров, есть и другие проблемы с атрибутом accesskey:

  • Значение accesskey может вызвать некоторые проблемы, связанные с функциональностью вспомогательных технологий или сочетанием клавиш системы и браузера.
  • Некоторые значения клавиш доступа могут отсутствовать на некоторых клавиатурах, в частности, когда речь идет об интернационализации. (Адаптация клавиш доступа ко всем международным языкам затруднена).
  • Значение клавиш доступа, состоящее из цифр, может быть непонятным для людей с когнитивными проблемами.
  • Использование клавиш доступа затруднено, поскольку они могут конфликтовать с другими стандартами клавиш в браузере.

Чтобы избежать этой проблемы, большинство браузеров будут использовать клавиши доступа только при нажатии вместе с клавишей Alt.

Из-за этих проблем рекомендуется не использовать клавиши доступа.


Поддержка accesskey браузерами

Chrome ✅ Поддерживает
Edge ✅ Поддерживает
Firefox ✅ Поддерживает
Safari ✅ Поддерживает
Opera ✅ Поддерживает

Значения атрибутов

Значение Описание
character Один символ, который определяет сочетание клавиш для активации/фокусировки элемента.

Связанные страницы

Руководство по HTML: атрибуты HTML


Полный список всех доступных глобальных атрибутов HTML см. в Справочнике - Глобальные атрибуты HTML.
 

Поделиться ссылкой