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

Рекомендация 2. Не полагайтесь только на цвет

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

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

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

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

Рекомендация 3. Правильно используйте разметку и таблицы стилей

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

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

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

- Создавайте документы, которые соответствуют опубликованным стандартам XHTML. [Приоритет 2]

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

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

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

- Правильно вкладывайте друг в друга элементы списка OL, UL и DL. [Приоритет 2]

Рекомендация 4. Уточняйте использование естественного языка

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

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

- Четко определяйте изменения естественного языка текста документа и заголовков. Например, используйте "xml:lang" в прологах страницы. [Приоритет 1]

- Определяйте расширение каждого сокращения или акронима в документе, где он впервые появляется. [Приоритет 3]

Рекомендация 5. Создавайте таблицы, которые аккуратно трансформируются

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

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

- Для таблиц данных определяйте заголовки строк и столбцов. Используйте <td> для идентификации ячеек данных и <th> для идентификации заголовков. [Приоритет 1]

- Для таблиц данных, которые имеют два или больше логических уровней заголовков строк или столбцов, применяйте разметку для соединения ячеек данных и ячеек заголовков. Используйте <thead>, <tbody>, и <tfoot> для объединения в группы строк и <col/> и <colgroup> для объединения в группы столбцов. [Приоритет 1]

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

- Если таблица используется для компоновки, не применяйте никакой структурной разметки для целей визуального форматирования - не используйте элемент <th> для вывода содержимого ячейки (не табличного заголовка) выровненным по центру и полужирным шрифтом. [Приоритет 2]

- Создавайте текстовые сводки для таблиц, где это имеет смысл. [Приоритет 3]

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

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

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

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

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

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

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

Рекомендация 7. Обеспечьте пользователю возможность управления изменяющимся во времени контентом

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

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

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

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

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

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

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