Знаете, ли вы, кто ежедневно посещает ваш сайт? С какими трудностями сталкиваются люди, листая странички вашего ресурса? Маркетинговое исследование позволяет понять натуру целевой аудитории, но не дает представление о физических особенностях каждого клиента. В действительности, людей с ограниченными физическими возможностями гораздо больше, чем может казаться. Причина в том, что отнюдь не всегда инвалидность ярко выражена. Поэтому, создавая веб-сайт, важно учитывать, что среди его читателей будут незрячие, слабовидящие и люди с другими физическими особенностями. Стоит отметить, что сайт, адаптированный под особенности этих людей, будет весьма удобен и приятен для остальных пользователей. Как же создать безбарьерный веб-ресурс?
Нормы по созданию доступной среды в виртуальном пространстве продиктованы Консорциумом Web Content Accessibility Guidelines (WCAG). Список требований весьма долгий. Рассмотрим в этой статье принципиальные положения.
Цветовые решения
Стремясь создать оригинальный дизайн, многие разработчики забывают об удобстве пользователей. Чтобы обеспечить доступность, не создавайте слишком яркий фон для текстового контента. Решения вроде жёлтых букв на красном фоне отлично подходит для рекламного баннера, но совершенно не годится для оформления текстового контента. От чтения материала в таком дизайне быстро устают глаза не только у слабовидящих, но также у людей с хорошим зрением. Аналогичную проблему создает светлый шрифт на светлом фоне, или темный шрифт на темном фоне.
Это совсем лишнее
Не стоит использовать в дизайне мигающие, или мерцающие элементы. Они не только утомляют глаза, но также могут вызвать приступ эпилепсии у людей с этим диагнозом.
Введите код с картинки!
Существенной проблемой для незрячих служит код, написанный на картинке. Такие коды часто приходится вводить при регистрации, отправке сообщений, или для оформления заказа. Поскольку такой код часто имеет зашифрованный вид, разобрать цифры сложно не только слабовидящим, но также людям с хорошим зрением. Решить эту проблему помогает аудиофайл. На многих западных сайтах возле картинки с кодом размещен кнопка для воспроизведения аудиозаписи, которая озвучивает цифры с картинки. В рунете такая функция пока не очень распространена.
Формат не поддержан
Чтобы выйти в интернет и получить доступ к текстовым материалам, незрячие люди пользуются специальным программным обеспечением. С помощью этих софтов вся информация подается в озвученном формате. Правда, эти программы не могут корректно озвучить некоторые форматы страниц. Барьерами служат форматы HTML и CSS.
Затруднения могут возникнуть с каскадными таблицами. По-большому счету все форматы таблиц затруднительны для работы с озвучивающими программами. Старайтесь не создавать таблицы с большим количеством колонок.
Меню и навигация
Создавая меню в виде иконок, сопроводите их текстовым названием раздела. Причина в том, что озвучивающие программы не зачитывают картинки. Работа с таким сайтом станет невозможной для людей с ограниченным зрением.
Чтобы облегчить поиски нужной информации, в нижней части страницы разместите карту сайта в текстовом формате.
То, что мешает и то, что поможет
Не размещайте на сайте аудио-, или видео-файлы с автоматическим воспроизведением при запуске страницы. Желательно не использовать фоновые звуки. Все это мешает работе с сайтом при поддержке озвучивающих программ.
Размещая изображение, сопроводите его описанием. Кроме того, наличие title и description в графическом материале повышает лояльность поисковых систем, и увеличивает количество вариантов выдачи. Желательно написать в названии файла ключевую фразу, которая характеризует, или коротко и ясно описывает содержание картинки.
Не размещайте ссылки в формате графических кнопок. ПО не сможет увеличить текст на кнопке. Лучше размещать линк под анкором стандартным способом: в виде выделенного и подчеркнутого шрифта.
Позаботьтесь о том, чтобы сайт качественно масштабировался на любых гаджетах.
Все эти дополнительные рекомендации делают сайт доступным для людей с проблемным зрением и упрощают работу с сайтом для остальных типов пользователей.
Будьте доступы и действуйте в интересах своего клиента! Это неизменно приведет вас к успеху.
Автор: Юлия Мостовая
