Атрибуты accesskey и tabindex

Поскольку Рекомендация HTML 4.01 является частью деятельности W3C, направленной на совершенствование доступности Web-материалов и интерактивности для пользователей, не применяющих визуальные браузеры и традиционные средства указания и выбора, в ней появились несколько атрибутов, разработанных для того, чтобы упростить выбор полей с клавиатуры. Чтобы элемент управления формы можно было использовать, он должен быть выбран и активизирован. В мире разработки такое состояние называется получением фокуса. Следующие атрибуты перемещают фокус на элемент формы без использования традиционного метода, связанного с наведением курсора мыши и щелчком. Любой пользователь может применять эти методы для перемещения по форме.

Атрибут accesskey указывает символ, который можно использовать как клавиатурный «ярлык» элемента. На практике может потребоваться ввести комбинацию клавиш, например Alt-клавиша (Windows) или Command-клавиша (Macintosh).

Атрибут accesskey можно применять с элементами управления button, input, label, legend и textarea. Когда клавиша доступа переводит фокус на элемент label, фокус передается в соответствующий элемент управления формы.

Еще один метод перемещения фокуса по полям формы – это нажатие клавиши Tab, которое переводит фокус от одного поля к другому. По умолчанию браузеры, которые поддерживают данную функциональность, будут переводить фокус в том порядке, в каком поля находятся в документе. Если вы хотите изменить порядок перевода фокуса, используйте атрибут tabindex. Этот атрибут может использоваться с элементами button, input, select и textarea. Элементы с нулевым значением tabindex получают фокус после элементов с положительными значениями. Элементы с отрицательными значениями tabindex не получают фокус при нажатии клавиши Tab. Отключенные элементы также не могут получать фокус.

Пример.

Address < input type=" text" name=" address" tabindex=" l" />

Zip code < input type=" text" name=" zip" tabindex=" 3" />

Phone number < input type=" text" name=" phone" tabindex=" 2" />

Еще один атрибут, повышающий доступность полей формы (а также ссылок, изображений и других ресурсов) – это атрибут title. Используйте его для создания описаний полей или для указания специальных инструкций. Речевые браузеры могут произносить содержимое данного атрибута, когда поле получает фокус. Визуальные браузеры могут отображать эти данные в виде всплывающей подсказки, когда курсор мыши наводится на поле.

Атрибуты disabled и readonly блокируют для пользователя возможность выбрать или изменить значение в поле формы. Если элемент формы отключен (disabled), его нельзя выбрать.

Атрибут readonly запрещает пользователю изменять значение в поле формы (хотя поле все же можно выбирать).