accesskey

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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

Примечание: Спецификация 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 для обычных сайтов и веб-приложений.

Спецификации

Specification
HTML Standard
# the-accesskey-attribute

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также