Кейс адаптации сайтов национальной полиции Украины для слабовидящих 1
skip to Main Content

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

Кейс создания ВДСВ для сайта национальной полиции Украины

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

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

eye

Фрагментарность зрения

eye1

Замедленность восприятия зрительных изображений

Artboard 1

Их нечеткость

eye3

Человек может иметь хорошее центральное и ограниченное боковое зрение или наоборот, что  в итоге приводит к плохой ориентации в пространстве

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

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

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

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

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

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

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

SITE
SITE

Понятность, воспринимаемость, управляемость и надежность

IMAGE

Текстовое пояснение для всех картинок и видео

CONTRAST

Контрастная цветовая палитра

текст

Инвертирование цветов

Artboard 1

Размер шрифта, позволяющий избежать горизонтальной прокрутки при отображении страницы во весь экран

devices

Читаемость текста с дисплеев любого разрешения, вне зависимости от настройки яркости

key

Возможность полноценной навигации с клавиатуры

speaker

Адаптированность разметки сайта под использование программ озвучивания текста

Наш опыт адаптации сайта под ВДСВ

police

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

1

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

MacBook-Pro-mockup
2

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

MacBook-Pro-mockup1
MacBook-Pro-mockup2
3

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

MacBook-Pro-mockup2
4

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

MacBook-Pro-mockup
5

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

MacBook-Pro-mockup
6

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

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

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

Мы, в Evergreen, можем быстро адаптировать ресурс для комфортного использования людям с ограниченным зрением!
30.09.2018
Рейтинг: 5 / 5 (2)
Цей сайт є українською мовою. Ви можете переключити мову у меню, або зробити це зараз.