---
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>

{{Specifications}}

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

<p>{{Compat}}</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>