HTML :: Атрибут accesskey

В HTML универсальный атрибут accesskey (от англ. accesskey – клавиша доступа) в качестве значения принимает клавишу доступа («key»), т.е. латинскую букву из диапазона a-z (раскладка клавиатуры должна быть переключена в режим английского языка) или цифру из диапазона 0-9, и позволяет получить доступ к элементу при помощи комбинации клавиш, которая зависит от используемого браузера:

«alt»+«key» для Opera, Google Chrome и Яндекс.Браузер,
«shift»+«alt»+«key» для Mozilla Firefox.

Несмотря на то, что атрибут является универсальным, свои функции он надежно выполняет только для ссылок, различных кнопок и полей, которые формируются, например, тегами <a>, <area>, <button>, <input>, <label>, <legend>, <textarea>. В результате нажатия соответствующей браузеру комбинации клавиш совместно с указанной клавишей доступа элемент получает фокус и далее, в зависимости от вида элемента, может выполняться какое-нибудь действие, например, переход по ссылке, если фокус получает элемент «a».

Синтаксис

...

Значения

Латинские буквы из диапазона a-z (раскладка клавиатуры должна быть переключена в режим английского языка) или цифры из диапазона 0-9. Значение по умолчанию: отсутствует.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Общие_атрибуты/accesskey

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">    
    <title>accesskey|Пример №1</title>
</head>
<body>
    
	<!-- Для текстовых полей атрибут работает без проблем -->
	 <textarea accesskey="s">
        Я &ndash; текстовое поле. Чтобы передать мне фокус,<br>
		нажмите спецкомбинацию клавиш текущего браузера + клавишу s.
    </textarea>
     
    <!-- Не факт, что здесь атрибут будет работать -->
    <p accesskey="r">
        Я &ndash; обычный абзaц, поэтому не факт, что атрибут accesskey<br> 
		имеет смысл ко мне применять.
    </p>
</body>
</html>

Пример №1