Атрибут 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
<tag accesskey="single_character"></tag>Пример использования атрибута accesskey в HTML:
Пример атрибута HTML "accesskey "
<!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?