---
title: accesskey
slug: Web/HTML/Global_attributes/accesskey
tags:
  - HTML
  - Reference
translation_of: Web/HTML/Global_attributes/accesskey
---
<div>{{HTMLSidebar("Global_attributes")}}</div>

<p><a href="/en-US/docs/Web/HTML/Global_attributes">Глобальный атрибут</a> <strong>accesskey </strong>дает возможность быстро перейти к элементу с помощью комбинации клавиш. Значение атрибута состоит из одного печатного символа (в том числе спец. символы, акценты и другие, которые можно написать с клавиатуры).</p>

<div>{{EmbedInteractiveExample("pages/tabbed/attribute-accesskey.html","tabbed-shorter")}}</div>

<div class="note">
<p><strong>Замечание</strong>: Спецификация WHATWG допускает использования нескольких символов разделённых пробелом. Однако, на момент написания, эта функциональность не поддерживается в современных браузерах. IE и Edge в таком случае будет использовать первый символ, игнорируя остальные.</p>
</div>

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

<table class="standard-table">
 <tbody>
  <tr>
   <th> </th>
   <th>Windows</th>
   <th>Linux</th>
   <th>macOS</th>
  </tr>
  <tr>
   <th>Firefox</th>
   <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd>+ <kbd>Shift</kbd>+<kbd><em>key</em></kbd></td>
   <td>В Firefox 57 и новее: <kbd>Control</kbd> +  <kbd>Option</kbd> + <kbd><em>key</em></kbd> -OR- <kbd>Control</kbd> + <kbd>Alt</kbd> + <kbd><em>key</em></kbd><br>
    В Firefox 14 и новее: <kbd>Control</kbd>+ <kbd>Alt</kbd>+ <kbd><em>key</em></kbd><br>
    В Firefox 13 и старше, <kbd>Control</kbd>+<kbd><em>key</em></kbd></td>
  </tr>
  <tr>
   <th>Internet Explorer</th>
   <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
   <td colspan="2" rowspan="1">N / A</td>
  </tr>
  <tr>
   <th>Google Chrome</th>
   <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
   <td><kbd>Control</kbd>+ <kbd>Alt</kbd>+<kbd><em>key</em></kbd></td>
  </tr>
  <tr>
   <th>Safari</th>
   <td><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
   <td>N / A</td>
   <td><kbd>Control</kbd>+ <kbd>Alt</kbd>+<kbd><em>key</em></kbd></td>
  </tr>
  <tr>
   <th>Opera 15+</th>
   <td colspan="2" rowspan="1" style="text-align: center;"><kbd>Alt</kbd> + <kbd><em>key</em></kbd></td>
   <td><kbd>Control</kbd>+ <kbd>Alt</kbd>+<kbd><em>key</em></kbd></td>
  </tr>
  <tr>
   <th>Opera 12</th>
   <td colspan="3" rowspan="1"><kbd>Shift</kbd>+ <kbd>Esc</kbd> показывает список элементов, доступных для быстрого перехода. Перейти на нужный элемент можно нажав соответствующий символ (<kbd><em>key</em></kbd>)</td>
  </tr>
  <tr>
  </tr>
 </tbody>
</table>

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

<h2 id="Проблемы_с_доступностью">Проблемы с доступностью</h2>

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

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

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

<ul>
 <li><a href="https://webaim.org/techniques/keyboard/accesskey#spec">WebAIM: Keyboard Accessibility - Accesskey</a></li>
</ul>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Положение дел</th>
   <th scope="col">Комментарий</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.2', "editing.html#the-accesskey-attribute", "accesskey")}}</td>
   <td>{{Spec2('HTML5.2')}}</td>
   <td>Более приближённое к действительности описание поведения.</td>
  </tr>
  <tr>
  </tr>
  <tr>
   <td>{{SpecName ( 'HTML WHATWG', "interaction.html#the-accesskey-attribute", "Accesskey")}}</td>
   <td>{{Spec2 ( 'HTML WHATWG')}}</td>
   <td>Никаких изменений с последнего снимка, {{SpecName ( 'HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName ( 'HTML5.1', "editing.html#the-accesskey-attribute", "Accesskey")}}</td>
   <td>{{Spec2 ( 'HTML5.1')}}</td>
   <td>Снимок {{SpecName ( 'HTML WHATWG')}}, без изменений от {{SpecName ( 'W3C HTML5')}}</td>
  </tr>
  <tr>
   <td>{{SpecName ( 'HTML5 W3C', "editing.html#the-accesskey-attribute", "Accesskey")}}</td>
   <td>{{Spec2 ( 'W3C HTML5')}}</td>
   <td>Снимок {{SpecName ( 'HTML WHATWG')}}. Из {{SpecName ( 'HTML4.01')}}, несколько символов могут быть установлены как <code>accesskey</code>. Кроме того , он может быть установлен на любом элементе.</td>
  </tr>
  <tr>
   <td>{{SpecName ( 'HTML4.01', "interact/forms.html#h-17.11.2", "Accesskey")}}</td>
   <td>{{Spec2 ( 'HTML4.01')}}</td>
   <td>Поддерживается только {{HTMLElement ( "а")}}, {{HTMLElement ( "Площадь")}}, {{HTMLElement ( "кнопка")}}, {{HTMLElement ( "вход")}}, {{HTMLElement ( "метка")}}, {{HTMLElement ( "легенда")}} и {{HTMLElement ( "текстовое поле")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>

<p>{{Compat("html.global_attributes.accesskey")}}</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>{{domxref("Element.accessKey")}}</li>
 <li>{{domxref("HTMLElement.accessKeyLabel")}}</li>
 <li>Все <a href="/en-US/docs/Web/HTML/Global_attributes">глобальные атрибуты</a> .</li>
</ul>