Доступность Сети для Суда
Главнаяой | Руководящие принципы Доступности | Тесты Доступности | Связанные Участки | Контактная информация | Контрольный список

графический placeholder

Цвета

Связи

Графика

Карты Изображения

Столы

Структуры

Формы

Аудио & Вidео

Многократные Браузеры

Формы

Формы - особенно разработанные веб-страницы, которые позволяют пользователям предоставлять информацию Вам через "области ввода данных." Эти области включают текстовые окна, в которых пользователи могут напечатать информацию, флажки, кнопки выбора, и прокручиваемые списки пунктов, чтобы выбрать из. Хотя формы наиболее часто используются в коммерческих вебсайтах, таких как бланк заявки в книжном магазине онлайн, иногда Вы должны будете побудить своих пользователей для определенной информации, которая связана с Вашим государственным представительством. Хорошо разработанная форма может гарантировать, что Вы получаете тип информации, в которой Вы нуждаетесь.

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

Руководящие принципы для того, чтобы создать доступные формы - Уровень Приоритета изменяются
Создайте формы, которые обеспечивают ясный контекст и ориентацию, легки провести, и включать лейблы и описания всех элементов формы.


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

  • Удостоверьтесь заказ счета через связи, средства управления за формой, и объекты являются логичными и естественно плавными (от начала до конца, слева направо). Помните, КЛАВИША TAB задана, чтобы провести к якорным признакам (a).
  • Обеспечьте сокращения клавиатуры, чтобы сформировать средства управления при использовании признака quoteksesskeiquot (доступный через HTML 4 Спецификации). (Отметьте: Этот признак, возможно, не работает в Вашем браузере, но добавляет это для будущего!)
---- Настраивание заказа СЧЕТА
Много пользователей не могут использовать указывающее устройство, чтобы нажать на текст или графические связи, кнопки, или карты изображения. Это означает, что они должны быть в состоянии двинуться через "активные элементы" в Вашу страницу (связи, карты изображения, кнопки формы и средства управления, и т.д.) с нажатиями клавиши. КЛАВИША TAB часто используется, чтобы переместиться от одного контроля за формой до другого, так запланировать Ваши средства управления, чтобы быть в логическом "заказе счета."

Пример

Попытайтесь нажать КЛАВИШУ TAB в следующий раз, когда Вы находитесь в диалоговом окне Windows - каждый раз, когда Вы нажимаете СЧЕТ, Вы двигаетесь в другую секцию в диалоговом окне. Это - "заказ счета" относительно того диалогового окна.

или

Попытайтесь нажать КЛАВИШУ TAB на этой веб-странице. Каждый раз, когда Вы нажимаете СЧЕТ, Вы должны заметить, что следующая текстовая связь или контроль за формой на странице отобраны. Нажим КЛАВИШИ ENTER в этом пункте активизировал бы ту связь или поместил бы Ваш пункт вставки в контроле.

---- Создание сокращенных нажатий клавиши
Некоторые альтернативные браузеры учитывают голосовой вход, альтернативную клавиатуру, или настраиваемая клавиатура приказывает, чтобы браузер признал. Поскольку Вы проектируете свои веб-страницы, просто планируете заранее, чтобы включать доступ клавиатуры к связям, кнопкам формы, и другим "активным элементам" на Ваших страницах. Ваши господствующие пользователи будут пользоваться преимуществами сокращений клавиатуры, также!

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


<aksesski = "C" xref = "http://supreme7/" название = "Эта связь соединяет Вас с Сетью ADZHIN"> Сеть ADZHIN </a>
Результат этого кодекса находится в примере.

Пример

A @@ LINK@N et @@ LINK@rk


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


Техника для того, чтобы сгруппировать средства управления за формой
Соберите в группу логические средства управления за формой с элементом FILDSET и маркируйте каждую группу элементом ЛЕГЕНДЫ.

Кодекс HTML для группы средств управления за формой ниже:

<формируют действие = "http://supreme7" метод = "почта">
ltfildsetgt
<легенда> Анкетные данные </легенда>
<маркируют для = quotfirstnemequot> Имя: lt/lebel>
<входной тип = "текст" id = "news_block" tebindeks = "1">
<маркируют для = quotlestnemequot> Фамилия: lt/lebel>
<входной тип = "текст" id = "tag-link-39" tebindeks = "2">
и т.д.
</fieldset>
ltfildsetgt
<легенда> Класс Обучения </легенда>
<маркируют для = "доктор"> Название Класса: lt/lebel>
<входной тип = "текст" id=a_63613 tebindeks = "3">
<маркируют для = "адрес"> Дата Класса: lt/lebel>
<входной тип = "текст" id=loadb tebindeks = "4">
и т.д.
</fieldset>
</формируются>

Кодекс выше дает Вам форму, которую Вы вidите под "Примером", ниже. Заметьте, как признак FILDSET создает коробку, чтобы сгруппировать входные области, которые связаны. ЛЕГЕНДА маркирует коробку как категорию.


Пример

Анкетные данные





и т.д.

Учебный Класс






и т.д.


Техника для того, чтобы сгруппировать варианты меню
Группа ИЗБРАННЫЕ пункты (определенный ВЫБОРОМ) в иерархию, используя элемент OPTGRUP. Настройте лейбл для группы вариантов с признаком лейбла на OPTGRUP. Используйте эту технику для длинных списков выборов меню (который может быть трудным для вспомогательных технологий отследить в логической манере).

Кодекс HTML для группы вариантов меню (также известный как "опускаться" список) ниже:

Компьютерные Классы Предлагаемая Весна 2001
<ФОРМИРУЮТ действие = "http://supreme7/training" метод = "почта">
<P>
<ВЫБИРАЮТ название = quotKompyuterKlessesquot>
<OPTGRUP маркируют = "Microsoft Word 97">
<Лейбл ВЫБОРА = "Level1" оценивают = "W1"> Microsoft Word 97, Уровень 1
<Лейбл ВЫБОРА = "Level2" оценивают = "W2"> Microsoft Word 97, Уровень 2
<Лейбл ВЫБОРА = "Level3" оценивают = "W3"> Microsoft Word 97, Уровень 3
<Лейбл ВЫБОРА = "Level4" оценивают = "W4"> Microsoft Word 97, Уровень 4
</OPTGROUP>
<OPTGRUP маркируют = "Microsoft Excel 97">
<Лейбл ВЫБОРА = "Level1" оценивают = "E1"> Microsoft Excel 97, Уровень 1
<Лейбл ВЫБОРА = "Level2" оценивают = "E2"> Microsoft Excel 97, Уровень 2
<Лейбл ВЫБОРА = "Level3" оценивают = "E3"> Microsoft Excel 97, Уровень 3
<Лейбл ВЫБОРА = "Level4" оценивают = "E4"> Microsoft Excel 97, Уровень 4
</OPTGROUP>
<OPTGRUP маркируют = "Microsoft PowerPoint 97">
<Лейбл ВЫБОРА = "Level1" оценивают = "P1"> Microsoft PowerPoint 97, Уровень 1
<Лейбл ВЫБОРА = "Level2" оценивают = "P2"> Microsoft PowerPoint 97, Уровень 2
<Лейбл ВЫБОРА = "Level3" оценивают = "P3"> Microsoft PowerPoint 97, Уровень 3
</OPTGROUP>
</ВЫБИРАЮТ>
</ФОРМИРУЮТСЯ>



Компьютерные Классы В качестве примера Предлагаемая Весна 2001


Этот кодекс предоставляет Вам раскрывающийся список ниже. Читатель экрана прочитал бы этот кодекс как

Компьютерные Классы -
Группа Выбора: Microsoft Word 97
Варианты: Microsoft Word 97, Уровень 1
Microsoft Word 97, Уровень 2
Microsoft Word 97, Уровень 3
Microsoft Word 97, Уровень 4

Группа Выбора: Microsoft Excel 97
Варианты: Microsoft Excel 97, Уровень 1
Microsoft Excel 97, Уровень 2
Microsoft Excel 97, Уровень 3
Microsoft Excel 97, Уровень 4
... и так далее.


Техника для графических кнопок
Используя графические кнопки вместо стандартной серости "представляют" кнопку, созданную признаком HTML <ВХОДНОЙ тип =, "изображение"> делает форму, более визуально нравящуюся, но не забывать добавлять alt-text для посетителей, которые не могут вidеть Вашу кнопку изображения. Если Вы используете различные области графической кнопки, чтобы выступить различный, представляют действия, Вы, в основном, создаете карту изображения стороны сервера. Руководящие принципы доступности W3C предупреждают против выполнения этого (обратитесь к нашим объяснениям
стороны сервера против карт изображения стороны клиента).

Вместо того, чтобы использовать тот подход, попробуйте один из этих двух методов:

  • Используйте больше чем один утверждает, что кнопка вместо графического ла представляет кнопку. У каждого действия, которое Вы хотите, чтобы пользователь предпринял, есть своя собственная кнопка.
  • ИЛИ

  • Использование карта изображения стороны клиента для комплекса представляет кнопку. в Руководящие принципы Доступности для Карт Изображения для кодирования HTML.

Чтобы использовать больше чем один представляет кнопку, кодекс HTML появился бы следующим образом:

<xref = "mailto:humanresoursce@supreme.sp.state.az.us"> <входной тип = "изображение" srk = quotxrdbattonquot граничат = "0" высокий звук = "Кнопка, чтобы представить информацию формы Подразделению Человеческих ресурсов по Email"> </a>
<xref = "mailto:support@supreme.sp.state.az.us"> <входной тип = "изображение" srk = quotpmpbattonquot граничат = "0" высокий звук = "Кнопка, чтобы представить информацию формы Центру Поддержки по Email"> </a>


Пример

 



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

Пример

Чтобы связаться с Человеческими ресурсами & Развитием, чтобы получить печатную форму или представить Ваши ответы на форму устно, пожалуйста звоните (602) 555-5555. Вы можете также послать по E-mail свои ответы на humanresources@supreme.sp.state.az.us. В течение 24 часов Вы получите подтверждение, что Ваши ответы были получены успешно. Спасибо!