Адаптация сайтов
для слабовидящих людей
Кейс создания ВДСВ для сайта национальной полиции Украины
Мы стремимся создать общество, в котором у всех его членов будут равные права и возможности. В том числе и в доступе к открытой информации и возможностью ею пользоваться. В мире насчитывается около 250 миллионов слабовидящих людей. Они не имеют равной с прочими членами социума возможности пользоваться интернет-ресурсами, не адаптированными под их проблемы.
Фрагментарность зрения
Замедленность восприятия зрительных изображений
Их нечеткость
Человек может иметь хорошее центральное и ограниченное боковое зрение или наоборот, что в итоге приводит к плохой ориентации в пространстве
При всей разнообразности проявления симптомов, имеется общая закономерность – это не корректируется ни хирургическим вмешательством, ни лекарствами, ни при помощи контактных линз или очков.
То есть, применительно к интернет-ресурсам: для того, чтобы веб-контентом могли комфортно пользоваться слабовидящие, он должен соответствовать определенным требованиям.
Мировой стандарт WACG 2.0, регулирующий создание версий сайтов для слабовидящих
Цель: веб-контент должен быть доступен для людей с проблемами зрения и опорно-двигательного аппарата
Способ реализации: разработан международный стандарт WAI-ARIA.
Адаптированность: на сегодняшний день все востребованные браузеры имеют настройки доступности и поддержку разметки WAI-ARIA для предоставления возможности полноценного использования Интернета людям с физическими ограничениями.
Версия «доступности» реализуется посредством добавления функций, помогающих проще воспринимать информацию. Типы адаптированных интернет-ресурсов делятся на 3 уровня соответствия доступности для слабовидящей категории:
- А — минимальная;
- АА — оптимальная;
- ААА — максимально оптимизированная.
Следует отметить, что разработка версии доступности, согласно руководству WCAG 2.0, повышают комфортность пользования ресурсом и для здорового человека, который, к примеру, устал, пользуясь тусклым монитором (дисплеем)
Перечень рекомендаций для разработчиков:
Понятность, воспринимаемость, управляемость и надежность
Текстовое пояснение для всех картинок и видео
Контрастная цветовая палитра
Инвертирование цветов
Размер шрифта, позволяющий избежать горизонтальной прокрутки при отображении страницы во весь экран
Читаемость текста с дисплеев любого разрешения, вне зависимости от настройки яркости
Возможность полноценной навигации с клавиатуры
Адаптированность разметки сайта под использование программ озвучивания текста
Наш опыт адаптации сайта под ВДСВ
В нашем кейсе есть пример сайта с версией доступности для слабовидящих — npu.gov.ua. Ресурс оформлен в соответствии с требованиями WCAG 2.0.
Сайт отображен в черно-белом цвете, согласно стандарту А.
После перехода в адаптивный режим все изображения скрываются, за исключением символики нац. полиции Украины, которая отображается в оттенках серого цвета.
Элементы форм, изображений и навигации содержат текстовые описания.
Разрешения страниц сохранены для всех разделов, как для десктопа, планшета, так и для мобильной версии.
Последовательный переход по элементам управления и навигации реализуется нажатием клавиши Tab на клавиатуре.
Реализована разметка для экранного диктора.
Адаптация сайта под ВДСВ возможна без вмешательства в архитектуру сайта. Отметим следующие особенности:
- Панель для слабовидящих накладывается поверх сайта. Посредством этого решаются требования по контрастности и размеру шрифта
- Монохромное цветовое сочетание позволяет адекватно воспринимать информацию дальтоникам
- Увеличение межбуквенных, межстрочных интервалов и шрифты с засечками облегчают восприятие контента пользователям с дислексией, у которых буквы сливаются
- ВДСВ запоминается в файлах куки. При повторном посещении сайта откроется уже именно эта страница.
Отметим, что у ВДСВ, по сравнению со стандартной страницей, имеется и ряд недостатков :
- Урезанный функционал с настройками только размера шрифта и цвета. Это не позволяет делать желаемые настройки пользователям с дислексией.
- Версия для слабовидящих размещена на выделенном URL-адресе. Недостатки:
- не отображается часть контента,
- затратно в плане обслуживания.
Хотя стандарт WCAG 2.0 разработан достаточно давно, найти пример сайта с версией доступности высокого уровня неросто. Качественная реализация — скорее, исключение.
Ресурсы и опыт, которыми располагает Evergreen, дают возможность быстро и качественно адаптировать ресурс для людей с ограниченным зрением.