Проектирование сайтов Web

Рекомендация 8. Обеспечьте прямую доступность встроенных интерфейсов пользователя

Проверьте, что интерфейс пользователя следует принципам проектирования доступности: независимый от устройств доступ к функциям, работа с клавиатуры, самоозвучивание и т.д. Когда встроенный объект имеет свой "собственный интерфейс", то этот интерфейс - как и интерфейс самого браузера - должен быть доступен. Если интерфейс встроенного объекта нельзя сделать доступным, должно быть предоставлено альтернативное решение доступности.

Существующие практики кодирования:

- Делайте программные элементы, такие, как сценарии, непосредственно доступными или совместимыми со вспомогательными технологиями [Приоритет 1, если функции важны и не представлены другим образом, иначе Приоритет 2.]

Рекомендация 9. Проектируйте независимость от устройств

Используйте свойства, которые позволяют активировать элементы страницы с помощью различных устройств ввода. Не зависимый от устройств доступ означает, что пользователь может взаимодействовать с агентом пользователя или документом с помощью предпочтительного устройства ввода (или вывода) - мыши, клавиатуры, голоса или чего-то еще.

Существующие практики кодирования:

- Создавайте карты ссылок на стороне клиента вместо карт ссылок на сервере, за исключением случаев, когда области невозможно определить с помощью доступной геометрической формы. [Приоритет 1]

- Проверьте, что любой элемент, который имеет свой собственный интерфейс, может действовать независимым от устройства образом. [Приоритет 1]

- Для сценариев определяйте логические обработчики событий вместо зависимых от устройств обработчиков событий. [Приоритет 2]

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

- Предоставьте клавиатурные комбинации вызова для важных ссылок, элементов управления формы и групп элементов управления формы. [Приоритет 3]

Рекомендация 10. Используйте промежуточные решения

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

Примечание. Применяйте следующие контрольные пункты, пока агенты пользователей (включая вспомогательные технологии) не решат эти вопросы. Эти контрольные пункты классифицируются как "промежуточные", отмечая тем самым, что Рабочая группа по рекомендациям контента Web (Web Content Guidelines Working Group) считает их действительными и необходимыми для доступности Web во время публикации этого документа. Однако Рабочая группа не ожидает, что эти контрольные точки понадобятся в будущем, когда технологии Web реализуют ожидаемые свойства или возможности.

Существующие практики кодирования:

- Пока агенты пользователя не позволяют отключать порождаемые окна, не позволяйте появляться всплывающим и другим окнам и не изменяйте текущее окно, не информируя об этом пользователя. [Приоритет 2]

- Пока агенты пользователя не поддерживают явные связи между метками и элементами управления формы, для всех элементов управления формы с неявно связанными метками реализуйте правильное позиционирование метки непосредственно перед ее элементом управления на той же строке. [Приоритет 2]

- Пока агенты пользователя (включая вспомогательные технологии) не выводят правильно примыкающий друг к другу текст, создавайте линейную текстовую альтернативу (на текущей странице или на другой) для всех таблиц, которые выводят текст в параллельных столбцах с переносом строк. [Приоритет 3]

- Если агенты пользователя обрабатывают пустые элементы управления правильно, включайте используемые по умолчанию символы заполнители в текстовых полях и областях. [Приоритет 3]

- Если агенты пользователя (включая вспомогательные технологии) выводят смежные ссылки раздельно, включайте не являющиеся ссылками печатные символы (окруженные пробелами) между смежными ссылками. [Приоритет 3]

Рекомендация 11. Используйте технологии и рекомендации W3C

Используйте технологии W3C и следуйте рекомендациям по доступности. Где невозможно использовать технологию W3C или где ее использование создает материал, который преобразуется неаккуратно, создавайте альтернативную версию содержимого, которая будет доступна.

Существующие практики кодирования:

- Используйте технологии W3C, когда они доступны и подходят для задачи, и выбирайте самые последние версии, которые поддерживаются. [Приоритет 2]

- Избегайте дублирующих средств технологий W3C . [Приоритет 2]

- Предоставляйте информацию, чтобы пользователи могли получать документы в соответствии со своими предпочтениями (например, язык, тип контента, и т.д.) [Приоритет 3]

- Если, применив все возможности, невозможно создать доступную страницу, предоставьте ссылку на альтернативную страницу, которая использует технологии W3C, является доступной, содержит эквивалентную информацию (или функции) и обновляется так же часто, как и недоступная (исходная) страница [Приоритет 1]

Рекомендация 12. Предоставляйте контекстную и ориентировочную информацию

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

Существующие практики кодирования:

- Давайте заголовок каждому фрейму для облегчения идентификации фреймов и навигации. [Приоритет 1]

- Описывайте назначение фреймов и связи фреймов друг с другом, если это не очевидно из их заголовков. [Приоритет 2]

- Делите большие блоки информации на более контролируемые группы, где это будет уместно и естественно. [Приоритет 2]

- Явно связывайте метки с их элементами управления. [Приоритет 2]

Рекомендация 13. Предоставляйте четкие механизмы навигации

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

Существующие практики кодирования:

- Четко определяйте объект каждой ссылки. Текст ссылки должен быть достаточно содержателен, чтобы он имел смысл при чтении из контекста -- либо из собственного, или как части последовательности ссылок. Текст ссылки должен также быть кратким. [Приоритет 2]

- Используйте метаданные для добавления на страницы и сайты семантической информации. Например, укажите автора документа, тип контента и т.д. [Приоритет 2]

- Предоставляйте информацию об общей компоновке сайта (например, карту сайта или оглавление). [Приоритет 2]

- Используйте механизмы навигации согласованным образом. [Приоритет 2]

- Предоставляйте навигационные панели для выделения и предоставления доступа к навигационному механизму. [Приоритет 3]

- Объединяйте в группы связанные ссылки, идентифицируйте группу (для агентов пользователя), и, если агенты пользователя позволяют, предоставляйте способ обойти группу. [Приоритет 3]

- Если предоставляются функции поиска, включите различные типы поиска для различных уровней подготовки и предпочтений. [Приоритет 3]

- Помещайте различимую информацию в начале заголовков, параграфов, списков и т.д. [Приоритет 3]

- Предоставляйте информацию о совокупностях документов (например, документах, содержащих несколько страниц.) Другим способом создания совокупности является создание упакованного архива нескольких страниц. [Приоритет 3]

- Предоставляйте средства для пропуска многострочных изображений из символов ASCII. [Приоритет 3]