Тег А, атрибут accesskey

Атрибут accesskey

Атрибут accesskey позволяет активировать ссылку с помощью некоторого сочетания клавиш с заданной в коде ссылки буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey=»s» работают следующие сочетания.

  • Internet Explorer: Alt + S
  • Chrome: Alt + S
  • Opera: Shift + Esc , S
  • Safari: Alt + S
  • Firefox: Shift + Alt + S

Синтаксис

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

Значения

Цифра (0-9) или латинская буква (a-z).

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

      

Посмотрите на мою фотографию!

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

accesskey

The accesskey global attribute provides a hint for generating a keyboard shortcut for the current element. The attribute value must consist of a single printable character (which includes accented and other characters that can be generated by the keyboard).

Try it

Note: In the WHATWG spec, it says you can specify multiple space-separated characters, and the browser will use the first one it supports. However, this does not work in most browsers. IE/Edge uses the first one it supports without problems, provided there are no conflicts with other commands.

The way to activate the accesskey depends on the browser and its platform:

Windows Linux Mac
Firefox Alt + Shift + key On Firefox 57 or newer: Control + Option + key or Control + Alt + key
On Firefox 14 or newer: Control + Alt + key
On Firefox 13 or older: Control + key
Edge N/A Control + Option + key
Control + Option + Shift + key
Google Chrome Alt + key
Safari N/A
Opera 15+ Alt + key Control + Alt + key
Opera 12 Shift + Esc opens a contents list which are accessible by accesskey, then, can choose an item by pressing key

Accessibility concerns

In addition to poor browser support, there are numerous concerns with the accesskey attribute:

  • An accesskey value can conflict with a system or browser keyboard shortcut, or assistive technology functionality. What may work for one combination of operating system, assistive technology, and browser may not work with other combinations.
  • Certain accesskey values may not be present on certain keyboards, especially when internationalization is a concern. So adapting to specific languages could cause further problems.
  • accesskey values that rely on numbers may be confusing to individuals experiencing cognitive concerns, where the number doesn’t have a logical association with the functionality it triggers.
  • Informing the user that accesskey s are present, so that they are aware of the functionality. If the system lacks a method of notifying the user about this feature, the user might accidentally activate accesskey s.

Because of these issues, it is generally advised not to use accesskey s for most general-purpose websites and web apps.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

Источник

HTML accesskey Attribute

The accesskey attribute specifies a shortcut key to activate/focus an element.

Note: The way of accessing the shortcut key is varying in different browsers:

Browser Windows Linux Mac
Internet Explorer [Alt] + accesskey N/A
Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey
Safari [Alt] + accesskey N/A [Control] [Alt] + accesskey
Opera Opera 15 or newer: [Alt] + accesskey
Opera 12.1 or older: [Shift] [Esc] + accesskey

However, in most browsers the shortcut can be set to another combination of keys.

Tip: The behavior if more than one element has the same access key differs:

  • IE, Firefox: The next element with the pressed access key will be activated
  • Chrome, Safari: The last element with the pressed access key will be activated
  • Opera: The first element with the pressed access key will be activated

Applies to

The accesskey is part of the Global Attributes, and can be used on any HTML element.

Element Attribute
All HTML elements accesskey

Example

Two hyperlinks with specified accesskeys:

Источник

Атрибут accesskey

Атрибут accesskey позволяет получить доступ к элементу с помощью сочетания клавиш с заданной в атрибуте буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey=»s» работают следующие сочетания.

  • Internet Explorer: Alt + S
  • Chrome: Alt + S
  • Opera: Shift + Esc , S
  • Safari: Alt + S
  • Firefox: Shift + Alt + S

Синтаксис

Значения

Цифра (0-9) или латинская буква (a-z).

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

Применяется к тегам

Пример. Использование атрибута accesskey

      

Горячая клавиша X для открытия ссылки

Горячая клавиша R для открытия ссылки

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Читайте также:  Display none div with javascript
Оцените статью