Блог
Дмитрий Волков / CEO & Art director

Создание сайтов для незрячих

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

Создание сайтов для незрячих

Вопрос о создании «дизайна для всех» достаточно изучен за рубежом, где уже создаются Интернет-ресурсы, которые одинаково доступны как для обычных пользователей, так и для людей с ограниченными возможностями. Ведь только в США более 30 миллионов человек испытывают подобные трудности. Это слишком большая аудитория, чтобы ее не принимать во внимание. В связи с этим вопрос обеспечения их доступа к сети становится все более актуальным.

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

Многие законы и постановления в разных странах мира, подобные The American with Disabilities Act, требуют равных прав доступа к компьютерным системам для всех пользователей. Например, в них часто встречается требование облегчить использование Интрасети частично нетрудоспособным пользователям, которым для выполнения их обязанностей необходима информация внутренних сайтов компании.

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

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

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

Вопросы проектирования доступного для всех Интернета. Стандарт WAI

WAI (Web Accessibility Initiative) — инициатива доступности Интернета. Существует руководство по WAI, выпущенное World Wide Web Consortium .

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

  1. Заглавная, а также наиболее посещаемые страницы должны быть перепроектированы для обеспечения самых важных требований к доступности в первую очередь. Это относится также к любым страницам, находящимся на пути к выполнению коммерческих сделок и других важных транзакций.
  2. В дальнейшем все новые страницы должны удовлетворять всем требованиям независимо от приоритета, эта проверка должна стать частью процедуры, принятой на предприятии в отношении нового информационного наполнения.
  3. Страницы со средним значением трафика должны быть постепенно перепроектированы с учетом приоритетных правил доступности.
  4. Долговременной целью является перепроектирование наиболее посещаемых страниц с учетом всех требований доступности. Новые страницы также должны соответствовать всем требованиям. В то же время старые, мало посещаемые страницы можно оставить без изменений, если только они не представляют специфического интереса для людей с ограниченными возможностями.

Существуют различные вспомогательные технологии, которые дополняют стандартное компьютерное оборудование. Эти технологии меняются настолько быстро, что привести какие-то конкретные рекомендации довольно сложно. Множество таких решений доступно уже в настоящее время, а в будущем появляться их будет все больше и больше. Некоторые Интернет-ресурсы содержат неплохую информацию о технологиях, облегчающих работу пользователей с ограничениями зрения (http://trace.wisc.edu). В частности, незрячим пользователям могут помочь программы считывания экрана, которые преобразовывают текст в речь. Например, программа Home Page Reader фирмы IBM, на которую нередко ссылается Якоб Нильсен в своей книге The Practice of Simplicity.

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

Как упростить доступ к сети Internet

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

Технические средства

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

  1. брайлевские дисплеи — дисплеи, обеспечивающие возможность самостоятельной работы с электронными данными;
  2. синтезаторы речи — устройства, позволяющие пользователю слышать набор каждой буквы текста, прослушивать весь набранный текст или его фрагмент, устранять опечатки;
  3. специальная клавиатура с брайль-строкой — клавиатура, на строке которой рельефно-точечным шрифтом дублируется текстовая информация, отображаемая на дисплее;
  4. специальные мыши (например, «VirTouch») — мыши, дающие возможность незрячему использовать прикосновение для того, чтобы распознать графические символы Интернета.

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

программное обеспечение

Такие программы можно разделить на два вида: Screen Readers (программы чтения экранного текста) и специальные браузеры. Принципиальное их отличие в том, что программы чтения сделаны для того, чтобы читать весь текст экрана, будь то электронные книги, строки меню или страницы Интернета. Современные специализированные браузеры приспособлены для работы с веб-ресурсами, они включают в себя программу чтения экранного текста, программы увеличения информации на мониторе (электронные лупы). Некоторые такие программы извлекают информацию и представляют ее в простом текстовом окне для удобства чтения.

Для сравнения в своей работе мы использовали программу чтения текста JAWS v4.5 компании Freedom Scientific и браузер Web Speakster v2.0 компании Customized Computer Software, распространяемые через Интернет и озвучивающие англоязычные веб-страницы. С их помощью был протестирован ряд Интернет-ресурсов, что, в частности, помогло нам выработать требования, предъявляемые к сайтам.

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

Заключение

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

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

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

Рекомендации по созданию веб-сайтов для незрячих людей

1. Использование Java, JavaScript и подобных технологий

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

2. Использование Flash

При использовании технологии Flash в навигации сайта, просмотр содержимого для незрячих людей становится полностью невозможным.

3. Фреймы

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

4. Таблицы

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

5. Гиперссылки

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

Если на странице несколько одинаковых ссылок, даже ведущих по разным адресам, в альтернативных средствах просмотра (позволяющих «собирать» ссылки на странице), будет показана только одна.

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

Кроме того, крайне нежелательно давать в качестве ссылки на E-mail сам адрес.

Указывайте, кому он принадлежит или используйте конкретное смысловое наполнение.

6. Файлы

Избегайте названий файлов типа files.zip , особенно если на странице несколько ссылок. Используйте полное название программы или содержание самого файла и слова «скачать» или «download».

7. Графика

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

8. Формы для заполнения

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

9. Объем контента

Старайтесь не перегружать страницу текстом. Желательно чтобы длина страницы не превышала двух экранов или одного — двух нажатий PageUp/PageDown.

Желательно, что бы количество ссылок тоже имело разумный предел. Рекомендуется не более 15-20 линков на страницу.

10. Баннеры

Баннеры сайтов, как и любой другой графический элемент являющийся линком, необходимо снабдить атрибутом ALT с описанием. Это может быть просто слово «баннер» или еще лучше — название баннерообменной системы.

Задайте вопрос:

Комментарии:

Читайте ещё:
Задать вопрос
Вчера мы ответили на 72 вопросов наших клиентов.
В прошлой рассылке мы рассказали: “Как повысить продажи на сайте?”
Наши клиенты: