1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
---
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>
|
