Атрибут accesskey

Атрибут accesskey устанавливает клавишу быстрого доступа к элементу. Нажатие клавиши доступа, назначенной элементу, дает фокус элементу. Действие, которое происходит, когда элемент получает фокус, зависит от элемента. Например, для элемента ссылка, созданной тегом <a>, когда пользователь активирует ссылку, произойдет переход по этой ссылке. Когда пользователь активирует переключатель (radio button), изменяется значение переключателя. Когда пользователь активирует текстовое поле, созданное тегом <input>, курсор установится внутри этого поля.

Разные браузеры используют разные сочетания клавиш:

  • Internet Explorer: Alt+"цифра или буква";
  • Google Chrome:  Alt+"цифра или буква";
  • Safari:                  Alt+"цифра или буква";
  • Mozilla Firefox:    Shift+Alt+"цифра или буква";
  • Opera                  Shift+Esc+"цифра или буква";

Раньше атрибут accesskey поддерживался только ограниченным кол-вом тегов. С ввода стандарта HTML5, данный атрибут поддерживается всем тегами. Однако, не всегда браузеры смогут понять и применить данный атрибут. В документации W3C также отсутствует конкретика реализации данного атрибута ко всем тегам.   

Значения

Значением атрибута является буква или (0-9).

Примечание. Разработчики должны учитывать метод ввода ожидаемого от посетителя при указании ключа доступа. Например, если сайт ориентирован на русскоязычную аудиторию, то можно использовать символы русского алфавита и т.п. Иначе, у пользователя, может просто отсутствовать данный символ. Так же не стоит забывать, что некоторые символы используются по умолчанию в браузерах, например, для активации пункта меню и т.д.   

Значение по умолчанию

нет.

Обязательный атрибут

нет

Синтаксис

accesskey="c"

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

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 9.2+ 2.0+ 3.0+
поддержка да да да да да

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 9.2+ 2.0+ 3.0+
поддержка да да да да да

Пример

<!DOCTYPE html>
<html>
 <head>
   <meta charset=utf-8">
  <title>Применение атрибута accesskey | develweb.ru</title>
 </head>
 <body>
    <p>
       <a href="http://develweb.ru" accesskey="c">Переход на главную страницу develweb.ru</a>
    </p>
 </body>
</html>