Клавиши быстрого доступа позволяют пользователю быстро переместиться к определенному месту документа или перейти по ссылке. Для этого достаточно нажать соответствующее сочетание клавиш; как правило, это клавиша Alt (или ее эквивалент) и некоторая конкретная клавиша. Конечно, пользователям нужно сообщить, какова эта конкретная клавиша!

Решение
Во многих операционных системах буква, соответствующая необходимой клавише, отмечается в ключевом слове подчеркиванием. К примеру, под Windows комбинация клавиш Alt+Ф активирует выпадающее меню Файл. На эту возможность указывает подчеркивание буквы Ф в слове Файл, как показано на рис. 6.12.

Рис. 6.12. Подчеркнутая буква Ф в слове Файл

Подобные приемы вполне подходят и для сайтов: можно использовать подчеркивание для выделения букв, соответствующих клавишам быстрого доступа:

 <fieldset>
   <legend><span class="akey">П</span>ерсональная информация</legend>
   <div>
      <label for="fullname">Имя:</label>
      <input type="text" name="fullname" id="fullname" class="txt" accesskey="П" />
   </div>

.akey {
text-decoration: underline;
}

Как видно на рис. 6.13, горячая клавиша для доступа к каждой группе полей выделена подчеркиванием.

Рис. 6.13. Подчеркивание букв П в слове Персональная и А в слове Адрес указывает на соответствующие клавиши быстрого доступа

Обсуждение
Клавиши быстрого доступа удобны для людей, испытывающих затруднения при движении и не имеющих возможности воспользоваться мышью, а также пользователей, предпочитающих осуществлять навигацию с помощью клавиатуры. Для этих категорий посетителей можно создать клавиши быстрого доступа, позволяющие перейти к форме путем нажатия одной клавиши, а к определенному элементу формы – с помощью другой. Традиция подчеркивания буквы, соответствующей клавише быстрого доступа, хорошо знакома пользователям, привыкшим к использованию таких функций, хотя остальные пользователи могут даже не догадываться, что это означает.

Чтобы к полю формы можно было переместиться с помощью клавиши быстрого доступа, достаточно добавить соответствующему элементу атрибут accesskey=”x”, где вместо x нужно подставить необходимый символ:

   <div>
      <label for="fullname">Имя:</label>
      <input type="text" name="fullname" id="fullname" class="txt" accesskey="П" />
   </div>

В нашем примере для доступа к первому элементу каждой группы была добавлена клавиша быстрого доступа. При нажатии на нее фокус сместится на первое поле формы, чтобы пользователи начали ее заполнение. Для выделения клавиши быстрого доступа я поместила первую букву заголовка группы полей <legend> внутри элемента span класса akey:

 <legend><span class="akey">П</span>ерсональная информация</legend>

Для класса akey задан стиль, в котором указано значение underline свойства text-decoration:

.akey {
text-decoration: underline;
}

Различные броузеры и операционные системы используют разные сочетания клавиш для быстрого доступа. К примеру, в Internet Explorer и Firefox 1.5 под Windows используется клавиша Alt, однако во второй
версии Firefox и выше используется Alt+Shift (на момент написания данной книги они работают только в сочетании с буквенными клавишами, в отличие от цифр). Safari использует Ctrl, как и Firefox под Mac OS X
(опять же возможно сочетание только с буквами), а в Opera применяется сочетание Shift+Esc, однако пользователь может изменить данную настройку.