Запускаем open source проект по адаптации сайтов для людей с ограниченными возможностями

Евгений Караваев,
Frontend
Передаем слово автору проекта

Заметная часть клиентов нашей студии — это структуры из гос. сектора. Помимо работы с крупными клиентами (их можно посмотреть в портфолио) мы уже более 12 лет занимаемся разработкой и поддержкой сайтов для сельских поселений, библиотек, больниц и других бюджетных учреждений. Всем им необходимо, чтобы их сайты были доступны для людей с ограниченными возможностями по зрению.

Одни из первых работ в области разработки версий для слабовидящих (сокращенно ВДС) были сделаны нами в 2013 году на сайтах арбитражного суда Томской области и Уполномоченного по правам человека РФ. Именно тогда мы всерьез столкнулись с требованиями законодательства, ГОСТами и другими нормативными документами по данной теме.


Первые наши версии для слабовидящих просто переводили имеющийся сайт в черно-белые цвета и увеличивали размер шрифта, не изменяя верстку сайта


Затем, в 2015 году, все бюджетные организации обязали добавить на свои сайты ВДС. Начались проверки, заявки сыпались в огромных количествах (на поддержке в Студии на тот момент находилось более 160 клиентов, на которых распространяется это требование), и мы в безумном темпе выпускали до десяти версий в неделю.

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

Тем временем в интернете появились сервисы, которые автоматически могли генерировать ВДС для сайтов за скромные 300 руб. в год. К сожалению, результаты выглядели плачевно.


Вариант версии для слабовидящих автоматически созданный через специальный сервис в интернете. При увеличении размера шрифта текст становится не читаемым


В начале 2016 года вышел «Приказ министерства связи и массовых коммуникаций РФ от 30 ноября 2015г. № 483», который предъявлял новые требования к разработке ВДС. Простой заменой стилей эти требования выполнить было невозможно, нужна была корректировка верстки и содержимого сайта (например, изображения, если их отключить, должны иметь текстовое описание).

«Здорово, когда государство пытается заботиться о доступности сайтов для всех групп населения. Но есть проблема — на данный момент никаких стандартизованных технических решений для разработки версий для слабовидящих на рынке нет. Разработчики не способны за короткий срок реализовать качественную доступность, т.к. предметную область нужно подробно исследовать, а клиент не способен платить большие деньги за такие объемы работы. В итоге получается огромное количество неработоспособных решений, вроде модулей, сделанных для галочки, не дающих людям с ограниченными возможностями пользоваться сайтом, но принятых проверяющими органами».

Для реализации качественного решения инициативу государства должны поддержать разработчики. В Студии было принято решение разработать open source проект, который представляет из себя библиотеку доступных компонентов. Мы собираем интерфейсные решения на технологиях html, css, javascript, на основе которых можно очень быстро разработать версию сайта для людей с ограниченными возможностями. Ориентированную не только на слабовидящих, но и тех, кто использует сайт через screen reader (программа для чтения голосом с экрана).



Теперь верстка для наших ВДС подготавливается отдельно и подключается как дополнительная тема сайта. А имея под рукой библиотеку компонентов, такой подход занимает не больше времени, чем простое изменения стилей, но значительно выигрывает в качестве. Со временем компоненты совершенствуются и каждая новая работа становится лучше.

Сейчас идет разработка проекта. Большую часть исходного кода мы уже выложили в открытый доступ на GitHub в проект Web Accessibility. В течение июня 2016 года мы планируем выпустить первую стабильную версию. И будем очень рады добровольцам, желающим поддержать проект: искать баги, оптимизировать код и т.п.

Нормативно-правовые акты и иная документация для разработки версий для слабовидящих: