Опубликован: 19.03.2007 | Уровень: для всех | Доступ: платный
Лекция 12:

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

< Лекция 11 || Лекция 12: 1234567891011

Рекомендация 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]

< Лекция 11 || Лекция 12: 1234567891011
Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Владислав Нагорный
Владислав Нагорный

Подскажите, пожалуйста, планируете ли вы возобновление программ высшего образования? Если да, есть ли какие-то примерные сроки?

Спасибо!

Сергей Ефимчик
Сергей Ефимчик
Беларусь, Минск, сш 55, 1983
Алксей Чебукин
Алксей Чебукин
Украина, г. Мелитополь, Таврийский Государственный Агротехнологический университет, 2009