accesskey

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

Глобальный атрибутaccesskey даёт возможность быстро перейти к элементу с помощью комбинации клавиш. Значение атрибута состоит из одного печатного символа (в том числе спец. символы, акценты и другие, которые можно написать с клавиатуры).

Интерактивный пример

<p>If you need to relax, press the <b>S</b>tress reliever!</p><button accesskey="s">Stress reliever</button>

b {  text-decoration: underline;}

Примечание:Спецификация WHATWG допускает использования нескольких символов разделённых пробелом. Однако, на момент написания, эта функциональность не поддерживается в современных браузерах. IE и Edge в таком случае будет использовать первый символ, игнорируя остальные.

Активация элементов с помощью Accesskey зависит от браузера и платформы:

	Windows	Linux	macOS
Firefox	`Alt`+`Shift`+`key`		В Firefox 57 и новее:`Control` +`Option` +`key` -OR-`Control` +`Alt` +`key` В Firefox 14 и новее:`Control`+`Alt`+`key` В Firefox 13 и старше,`Control`+`key`
Internet Explorer	`Alt` +`key`	N / A
Google Chrome	`Alt` +`key`		`Control`+`Alt`+`key`
Safari	`Alt` +`key`	N / A	`Control`+`Alt`+`key`
Opera 15+	`Alt` +`key`		`Control`+`Alt`+`key`
Opera 12	`Shift`+`Esc` показывает список элементов, доступных для быстрого перехода. Перейти на нужный элемент можно нажав соответствующий символ (`key`)

Обратите внимание, что в Firefox пользователь может настроить свой модификатор активации.

Проблемы с доступностью

В добавок к слабой поддержке браузерами всех возможностей в спецификации, у атрибутаaccesskey есть проблемы с доступностью:

Значение атрибутаaccesskey может конфликтовать с комбинациями клавиш системы, браузера или вспомогательными инструментами доступности.
Определённые значения атрибутаaccesskey могут отсутствовать на некоторых клавиатурах. Это особенно сильно проявляется, если вы используете язык отличный от английского.
Числовые значения атрибута могутaccesskey затруднить работу с сайтом для людей с расстройствами мышления. Например, когда числовые значения не имеют логической связи со связанным элементом.
Не существует стандартизированного способа информировать пользователя о наличии атрибутаaccesskey на элементе. Неинформированный пользователь может случайно активировать элемент с атрибутомaccesskey.

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