Joomla 1.5 - Создание веб-сайтов Хаген Граф

При текущем состоянии дел формы HTML все еще остаются предпочтительным посредником для реализации такого взаимодействия.

Это хорошо для доступности, поскольку HTML предлагает по существу платфор-менно-независимую и нейтральную по отношению к устройствам возможность взаимодействия. И тут не может быть возражений — до тех пор, пока эти функции также применяются пользователями альтернативных технологий.

Дизайн повышенной доступности форм HTML — первая и главная проблема линеаризации и группирования контента.

Элементы fieldset и label

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

В (X)HTML предусмотрен элемент label для логического соединения между элементом формы и описанием:

<label for="first name" title="first name">firstname:</label> <input id="first name" type="text" size="20" name="first name" value="" />

Поле ввода получает уникальное имя посредством универсального атрибута ID, на который ссылается атрибут for элемента label.

Если в форме присутствуют похожие поля ввода, такие как различные поля для мужа и жены, то на этот случай имеется удобный инструмент для группировки по имени fieldset, который разделяет эти поля явно:

http://www.lenta.ru/photo/2008/09/13/kenny/ <fieldset>

<legend> Wife's information</legend> <label for="first name of wife">first name</label> <input id="first name of wife" type="text" size="20" name="first name" value="" />

</fieldset> <fieldset>

<legend> Husband's information</legend> <label for="first name of husband">first name</label> <input id="first name of husband" type="text" size="20" name="first name" value="" />

Большинство программ-читателей экрана также будут предварительно читать контент legend перед каждой меткой, и потому его следует делать кратким и сжатым.

Использование legend предоставляет дополнительную помощь в навигации пользователям читателя экрана Jaws, поскольку он может перепрыгивать от fieldset к fieldset и тем самым обеспечивать быстрый обзор элементов форм. A Webformator, например, такого делать не может.