- Главная /
- /
-
Версия для слабовидящих
Кому нужна версия для слабовидящих
Цены на разработку версии для слабовидящих
| Тариф | Описание | Цена | |
|---|---|---|---|
| Базовый | Адаптация существующего дизайна под версию для слабовидящих. Настройка шрифта, контраста. | от 25 000 Р | |
| Стандарт | Всё из Базового + озвучивание текста, поддержка экранных читалок, alt-тексты. | от 50 000 Р | |
| Максимальный | Всё из Стандарта + отдельный дизайн для версии, интеграция с CMS, обучение сотрудников. | от 80 000 Р |
Что входит в разработку версии для слабовидящих
Аудит текущего сайта
Прежде чем что-то разрабатывать, открываем сайт, чтобы проверить, насколько он уже доступен. Проходим по страницам, смотрим на шрифты, контраст, alt-теги у картинок, навигацию с клавиатуры. Часто оказывается, что даже на «обычном» сайте уже есть элементы, которые мешают людям с нарушением зрения, но владелец о них не догадывается.
Параллельно проверяем соответствие ГОСТ Р 52872-2019. Смотрим, какие уровни доступности уже соблюдены: минимальный (А), полный (АА) или специализированный (ААА). Выявляем проблемы — где не хватает контраста, где нет alt-текстов, где меню не работает с клавиатуры.
На выходе — детальный отчёт с приоритетами. Что исправить срочно, что можно сделать позже, где достаточно лёгких правок, а где нужна полноценная отдельная версия. Без этого плана любые правки — как стрельба в темноте. А с ним вы видите, за что платите и какой результат получите.
Разработка отдельной версии
На этом этапе создаём отдельную версию сайта, адаптированную под нужды людей с нарушением зрения. Не «перекрашиваем кнопки» на основной версии, а делаем полноценный дублирующий интерфейс — с правильными шрифтами, контрастами, навигацией.
Что входит в разработку:
- Создаём адаптивный интерфейс с возможностью увеличивать шрифт до 24+ пикселей.
- Настраиваем высококонтрастные цветовые схемы (тёмный текст на светлом фоне или наоборот).
- Добавляем возможность изменения межстрочного и межбуквенного интервала.
- Убираем декоративные элементы, которые мешают восприятию.
- Сохраняем всю функциональность — формы, заказы, поиск, карточки товаров.
Разрабатываем версию в стиле вашего бренда, но с учётом всех требований доступности. Если дизайн основной версии не позволяет сделать адаптацию «на лету» — рисуем отдельные макеты для версии слабовидящих. Все изменения тестируем на реальных пользователях (или хотя бы на симуляторах), чтобы убедиться насколько доработки удобны, читаемы, понятны.
Настройка интерфейса
Версия создана, но без настроек она не будет по-настоящему удобной. Пользователь должен сам выбрать параметры отображения под свои потребности — кто-то увеличивает шрифт, кто-то меняет контраст, кому-то нужно озвучивание текста.
Что настраиваем:
- Панель управления. Добавляем виджет с кнопками: увеличить/уменьшить шрифт, переключить контраст, включить озвучивание, изменить межстрочный интервал.
- Сохранение настроек. Чтобы при следующем заходе пользователь не настраивал всё заново — настройки сохраняются в куках или личном кабинете.
- Навигация с клавиатуры. Все элементы доступны через Tab, Enter, пробел. Без мыши. Особенно важно для незрячих пользователей.
Проверяем каждый элемент — меню, формы, кнопки, ссылки, выпадающие списки. Всё должно работать с клавиатуры, быть понятным без визуальных подсказок.
Интеграция с экранными читалками
Главное для незрячих пользователей — чтобы сайт корректно озвучивался экранными читалками. JAWS, NVDA, VoiceOver — если сайт с ними не дружит, он для этой аудитории просто не существует.
Что делаем:
- Внедряем ARIA-метки для всех интерактивных элементов. Кнопка должна не просто быть кнопкой, а сообщать читалке: «Кнопка, отправить заявку».
- Добавляем скрытые текстовые описания для иконок и графических элементов.
- Настраиваем порядок озвучивания — чтобы читалка читала контент в правильной последовательности, а не в том порядке, в котором элементы сверстаны.
Проверяем на реальных экранных читалках — JAWS (Windows), NVDA (Windows), VoiceOver (Mac/iOS). Если что-то озвучивается криво — правим. Если кнопка не читается — добавляем описание. Если ссылка не понятна — уточняем.
Тестирование и сдача
Всё разработали, настроили, интегрировали. Что проверяем:
- Соответствие ГОСТ Р 52872-2019. Прогоняем по чек-листу уровней доступности (А, АА, ААА).
- Работу всех настроек: увеличение шрифта, переключение контраста, озвучивание.
- Навигацию с клавиатуры — все элементы доступны без мыши.
- Совместимость с экранными читалками (JAWS, NVDA, VoiceOver).
- Корректное отображение на разных устройствах и в разных браузерах.
Найденные ошибки фиксируем, правим, тестируем снова. Только после этого отдаём вам готовую версию. Вы получаете доступный сайт, который соответствует ГОСТу.
С какими CMS мы работаем
Часто задаваемые вопросы
Что такое уровни доступности А, АА и ААА?
ГОСТ выделяет три уровня доступности:
- А (минимальный) — базовые требования доступности.
- АА (полный) — рекомендуемый уровень для большинства организаций.
- ААА (наивысший) — специализированный уровень для сайтов, ориентированных на инвалидов по зрению.
Чаще всего требуется уровень ААА, который включает настройку шрифтов, контрастных схем, озвучивание текста и поддержку экранных читалок.
Какие функции должна включать версия для слабовидящих?
Согласно ГОСТу и Приказу Минкомсвязи №483, версия должна обеспечивать возможность:
- изменения размера шрифта до 200 %;
- изменения цветовой схемы для высокой контрастности;
- изменения межстрочного и межбуквенного интервала;
- навигации с клавиатуры без использования мыши;
- озвучивания текста с помощью синтезатора речи;
- поддержки экранных читалок (JAWS, NVDA, VoiceOver).
Сколько времени занимает разработка версии для слабовидящих?
Сроки зависят от объёма контента и сложности сайта. В среднем базовая версия делается за 2–3 недели, комплексная с интеграцией синтеза речи и кастомными настройками — за 1–1,5 месяца. Но это если сайт в порядке и контент готов.
Как показывает практика, больше всего времени уходит не на саму разработку, а на согласования и правки. Чтобы ускорить процесс, мы даём чёткое ТЗ на первом этапе, разбиваем работу на контрольные точки. Вы видите промежуточные результаты, можете вносить замечания заранее, а не когда всё уже готово.
Можно ли адаптировать существующий сайт или нужно создавать новый?
В 90 % случаев мы адаптируем текущий сайт, а не делаем новый. Это быстрее, дешевле, а также не ломает привычный workflow вашей команды. Однако если сайт старый, на устаревшей CMS или с запутанной структурой, иногда выгоднее создать отдельную доступную версию на поддомене.
Решение принимаем после аудита. Если код чистый, структура логичная, мы добавим ARIA-разметку, настроим панель переключения, проработаем контрастность. Если же сайт построен на конструкторе с жёсткими шаблонами или содержит массу устаревших решений, проще и дешевле разработать отдельную версию. В обоих случаях контент синхронизируется с основным сайтом, вам не придётся вести две базы.
Нужно ли мне или моим сотрудникам устанавливать какое-то ПО?
Вам — не нужно. Версия работает как обычный сайт, только с дополнительной панелью настроек. Пользователю достаточно нажать кнопку «Версия для слабовидящих» и выбрать параметры под свои нужды — увеличить шрифт, поменять контрастность или включить синтез речи. Всё работает прямо в браузере, без установок.
Что касается незрячих пользователей, то они сами пользуются экранными читалками (JAWS, NVDA, VoiceOver). Наша задача — сделать так, чтобы сайт корректно с ними работал. Для этого мы прописываем ARIA-разметку, проверяем порядок фокуса, тестируем на реальных программах. В итоге ваш сайт «говорит» на языке этих читалок, а пользователю ничего дополнительно ставить не нужно.
Будет ли ЛК работать на мобильных устройствах?
Обязательно, так как более 60 % пользователей с ОВЗ заходят на сайты именно со смартфонов или планшетов. Поэтому версия для слабовидящих по умолчанию адаптивная, корректно работает на любых экранах. Мы тестируем её на реальных устройствах под iOS и Android, проверяем работу с VoiceOver, а также другими экранными читалками.
Но тут есть важный момент. На мобильных устройствах многие пользователи предпочитают нативные возможности системы — увеличение шрифта через настройки, инверсию цветов, функцию «Произнести выделенное». Поэтому мы настраиваем версию так, чтобы она не конфликтовала с этими функциями, а дополняла их. В итоге пользователь выбирает то, что ему удобнее.
Чем ваша версия отличается от готовых плагинов за 5000 рублей?
Готовые плагины — это, как правило, серый скрипт-оверлей, который накидывается поверх сайта, при этом часто ломает вёрстку. Он не соответствует ГОСТу, не работает с экранными читалками, не учитывает современные стандарты WCAG 2.1. По факту это формальная галочка, которая не делает сайт по-настоящему доступным.
Такие плагины часто слетают после обновления CMS или конфликтуют с другими расширениями. Мы же разрабатываем полноценное решение с нуля — прописываем ARIA-разметку, настраиваем правильную семантику, тестируем с реальными пользователями и программами экранного доступа. Это не костыль, а продуманный продукт, который работает годами без сюрпризов.