Адаптация сайтов для слабовидящих людей

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

Слабовидение – обширное понятие, которое охватывает различные нарушения зрения. Проявления могут быть различными:

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

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

Мировой стандарт WCAG 2.0, регулирующий создание версий сайтов для слабовидящих

Цель: веб-контент должен быть доступен для людей с проблемами зрения и опорно-двигательного аппарата
Способ реализации: разработан международный стандарт WAI-ARIA.
Адаптированность: на сегодняшний день все востребованные браузеры имеют настройки доступности и поддержку разметки WAI-ARIA для предоставления возможности полноценного использования Интернета людям с физическими ограничениями.

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

• А — минимальная;
• АА — оптимальная;
• ААА — максимально оптимизированная.

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

Перечень рекомендаций для разработчиков:

Наш опыт адаптации сайта под вдсв

В нашем кейсе есть пример сайта с версией доступности для слабовидящих — npu.gov.ua. Ресурс оформлен в соответствии с требованиями WCAG 2.0.

1. Сайт отображен в черно-белом цвете, согласно стандарту А.

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

3. Элементы форм, изображений и навигации содержат текстовые описания.

4. Разрешения страниц сохранены для всех разделов, как для десктопа, планшета, так и для мобильной версии.

 

5. Последовательный переход по элементам управления и навигации реализуется нажатием клавиши Tab на клавиатуре.

6. Реализована разметка для экранного диктора.

Адаптация сайта под ВДСВ возможна без вмешательства в архитектуру сайта. Отметим следующие особенности:

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

Недостатки. Отметим, что у ВДСВ, по сравнению со стандартной страницей, имеется и ряд недостатков:

1. не отображается часть контента,
2. затратно в плане обслуживания.

Хотя стандарт WCAG 2.0 разработан достаточно давно, найти пример сайта с версией доступности высокого уровня неросто. Качественная реализация — скорее, исключение.
Ресурсы и опыт, которыми располагает Evergreen, дают возможность быстро и качественно адаптировать ресурс для людей с ограниченным зрением.

Мы, в Evergreen, можем быстро адаптировать ресурс для комфортного использования людям с ограниченным зрением! Обращайтесь!

Используемые в статье картинки взяты из открытых источников и используются как иллюстрации.

Хотите обсудить ваш проект или заказать разработку? Спасибо за заявку. Мы свяжемся с вами в ближайшее время

Отправить