Приднестровская поддержка XOOPS
Клавиши быстрого доступа позволяют пользователю быстро переместиться к определенному месту документа или перейти по ссылке. Для этого достаточно нажать соответствующее сочетание клавиш; как правило, это клавиша 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, однако пользователь может изменить данную настройку.
Отправитель | Нити |
---|
4 пользователь(ей) активно (3 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 4 далее... |