Перейти к содержимому

Атрибут accesskey HTML

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

В HTML4.1 атрибут accesskey можно использовать только со следующими элементами: <a>, <area>, <button>, <input>, <label>, <legend> и <textarea>.

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

Способ активации комбинации клавиш зависит от браузера.

Если несколько элементов имеют одинаковое значение accesskey, современные браузеры обычно переключаются между ними.

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

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

DANGER

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

Синтаксис

Синтаксис атрибута accesskey HTML

html
<tag accesskey="single_character">&lt;/tag&gt;

Пример использования атрибута accesskey в HTML:

Пример атрибута HTML "accesskey "

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <a href="https://www.w3docs.com/learn-html.html" accesskey="h">HTMLonline tutorial</a>
    <br />
    <a href="https://www.w3docs.com/learn-css.html" accesskey="c">CSS online tutorial</a>
    <br />
    <a href="https://www.w3docs.com/learn-git.html" accesskey="g">GIT online tutorial</a>
    <br />
    <p>Chrome, Safari, Opera 15+: [ALT] + <strong>accesskey</strong></p>
    <p>Firefox: [ALT] [SHIFT] + <strong>accesskey</strong></p>
    <p>Opera prior version 15: [SHIFT] [ESC] + <strong>accesskey</strong></p>
    <p>macOS: [Ctrl] [Option] + <strong>accesskey</strong></p>
  </body>
</html>

Практика

Что верно относительно атрибута accesskey в HTML?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.