Оглавление

Задание стиля для клавиш быстрого доступа

Клавиши быстрого доступа позволяют пользователю быстро переместиться к определенному месту документа или перейти по ссылке. Для этого достаточно нажать соответствующее сочетание клавиш; как правило, это клавиша 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, однако пользователь может изменить данную настройку.

Внимание
Клавиши быстрого доступа не настолько широко доступны, как может показаться. При создании клавиш быстрого доступа убедитесь, что они не совпадают с сочетаниям клавиш, используемыми броузером или операционной системой по умолчанию!
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити