Статьи

Руководство по доступности W3C

Доступность можно рассматривать как «предоставление доступа независимо от ситуации или обстоятельств». В контексте Всемирной паутины доступность — это мера того, насколько легко получить доступ, прочитать и понять содержимое веб-сайта.

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

Руководство

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

1. Предоставьте эквивалентные альтернативы слуховому и визуальному контенту.

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

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

2. Не полагайтесь только на цвет

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

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

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

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

Определите язык в заголовке документа с помощью тега LANG, который позволяет заранее указать язык, который вы использовали в документе. Значением этого атрибута может быть любое из двухсимвольных сокращений языка стандарта ISO, например, LANG = EN сообщает браузеру, что документ написан на английском языке. Кроме того, убедитесь, что вы указали сокращения в документе при первом их появлении, используя атрибут title тегов ACRONYM и ABBR.

5. Создайте таблицы, которые преобразуются изящно

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

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

Когда вы разрабатываете веб-сайт и пытаетесь включить в него все, что можете, просто чтобы доказать, что вы в курсе новейших технологий, убедитесь, что браузеры старых версий все еще могут просматривать страницу. Это также повлияет на людей с более новыми браузерами, которые решили отключить определенные функции (такие как Java, JavaScript, изображения и т. Д.).

7. Убедитесь, что пользователь контролирует изменения контента, чувствительные ко времени

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

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

Убедитесь, что пользовательский интерфейс соответствует принципам доступного дизайна: независимый от устройства доступ к функциям, работоспособность клавиатуры, автоматическое голосование и т. Д. Когда внедренный объект имеет свой «собственный интерфейс», интерфейс — как и интерфейс к самому браузеру — должен быть доступен. Если интерфейс встроенного объекта не может быть сделан доступным, должно быть предоставлено альтернативное доступное решение. Другими словами, все интерфейсы, встроенные в вашу страницу (апплеты, плагины и т. Д.), Должны также следовать этим рекомендациям для обеспечения доступности.

9. Дизайн для устройства независимости

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

10. Используйте временные решения

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

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

Это очевидно: делать то, что они говорят, или делать что-то еще, что приближается к тому, что они говорят.

12. Предоставьте информацию о контексте и ориентации

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

13. Обеспечить четкие навигационные механизмы

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

14. Убедитесь, что документы ясны и просты

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

В итоге…

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

Содержание этой статьи было получено из следующих ресурсов:

Консорциум World Wide Web WebSite

Веб-сайт специальных возможностей корпорации Microsoft

Доступ к Интернету для людей с ограниченными возможностями
Майкл Дж. Пачелло
Октябрь 2000
CMP Books; ISBN: 1929629087