Мы стремимся создать общество, в котором у всех его членов будут равные права и возможности. В том числе и в доступе к открытой информации и возможностью ею пользоваться. В мире насчитывается около 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, можем быстро адаптировать ресурс для комфортного использования людям с ограниченным зрением! Обращайтесь!
13.05.2019
Используемые в статье картинки взяты из открытых источников и используются как иллюстрации.