Прокуратура вынесла предписание: кнопка «Версия для слабовидящих» на сайте есть, но в этом режиме не открываются карточки товаров, а шрифт увеличивается только на главной. Знакомый сценарий. По нашей практике такие предписания получают не только госучреждения – обычный корпоративный сайт попадает в проверку после жалобы одного пользователя.
Версия для слабовидящих – это не «кнопка в углу», а набор технических требований: контраст, масштабирование, работа с клавиатуры и со скринридером. Ниже – что именно требуется в 2026 году, на кого это распространяется, сколько стоит ошибка и как внедрить режим без переделки сайта с нуля.
Что такое версия для слабовидящих и чем она отличается от доступности сайта
Версия для слабовидящих – это альтернативный режим отображения сайта. Контент остается тем же, но меняются способы подачи и управления: крупный шрифт, высокий контраст, отключение фона и изображений, озвучивание текста, навигация без мыши.
Термин закрепил приказ Минкомсвязи России от 30.11.2015 № 483. Документ установил порядок обеспечения доступности официальных сайтов госорганов для людей с нарушениями зрения и перечислил параметры такого режима.
С 01.04.2020 действует ГОСТ Р 52872-2019 – российская реализация международных рекомендаций WCAG 2.1. Стандарт описывает три уровня соответствия (A, AA, AAA) и конкретные технические критерии: контраст, масштабирование, семантику, клавиатурную навигацию.
Важно не путать два понятия:
-
Версия для слабовидящих – частный случай, отдельный режим с панелью настроек. Решает задачу «человек с плохим зрением видит текст».
-
Доступность сайта (accessibility) – свойство всего сайта: работает ли он со скринридером, можно ли пройти форму без мыши, есть ли alt-тексты, субтитры, понятные названия ссылок.
Разница стала критичной в 2026 году. 7 февраля 2026 года Правительство приняло постановление № 102 о требованиях к цифровой доступности официальных сайтов госорганов и местного самоуправления, документ вступил в силу 1 марта 2026-го. Тифлопедагог и эксперт по цифровой доступности Алексей Любимов комментирует это так: «версия для слабовидящих – это внешний слой. Если внутренняя архитектура сайта построена неправильно, если нет семантической разметки, альтернативная версия ничего не решит».
Кого это касается на практике:
-
владельцев корпоративных сайтов и интернет-магазинов, которые участвуют в госзакупках или работают с бюджетными организациями;
-
образовательных и медицинских организаций – здесь требования к сайту прописаны отдельно и проверяются регулярно;
-
госорганов и муниципалитетов – для них режим обязателен в полном объеме;
-
агентств и интеграторов, которые сдают сайты заказчику и отвечают за соответствие ТЗ.
| Документ | Что означает для бизнеса |
|---|---|
| 181-ФЗ «О социальной защите инвалидов», ст. 14 | Запрет на дискриминацию по признаку инвалидности в доступе к информации. Общий контур ответственности. |
| Приказ Минкомсвязи № 483 от 30.11.2015 | Задает состав и параметры версии для слабовидящих: шрифт, цветовые схемы, озвучивание. Ориентир для госсайтов, де-факто – отраслевой стандарт. |
| ГОСТ Р 52872-2019 | Технические критерии доступности (аналог WCAG 2.1 A/AA/AAA): контраст 4,5:1, масштаб до 200%, клавиатура, скринридеры. |
| Постановление Правительства № 102 от 07.02.2026 | С 1 марта 2026 года делает критерии ГОСТа обязательными для официальных сайтов госорганов и МСУ. |
| 44-ФЗ / 223-ФЗ + ТЗ заказчика | Если в документации указана доступность по ГОСТ – несоответствие становится основанием не принять работу. |
Кто обязан обеспечить версию для слабовидящих
Разделим аудитории – от этого зависит объем работ и бюджет.
-
Госорганы и муниципалитеты. Полный комплект: версия для слабовидящих по приказу № 483, соответствие ГОСТ Р 52872-2019 и, с марта 2026 года, требования постановления № 102. Проверяют прокуратура и профильные ведомства, а также пользователи через онлайн-обращения.
-
Образование, медицина, культура, соцзащита. Требования к структуре и доступности сайта прописаны в отраслевых актах. Для школ и вузов это исторически самая проверяемая категория: жалобы родителей разбирают быстро.
-
Коммерческие компании и ИП. Отдельной статьи «интернет-магазин обязан иметь версию для слабовидящих» в законе нет. Но расслабляться рано: ГОСТ применяется добровольно ровно до того момента, пока на него не сослались договор, закупка или отраслевой акт. А статья 9.13 КоАП РФ работает независимо от формы собственности. Плюс есть аудитория: по данным ВОЗ, нарушения зрения той или иной степени есть у 2,2 млрд человек в мире, в России инвалидность по зрению имеют сотни тысяч людей – и они тоже покупают.
Наша позиция как интегратора: делать режим стоит не «для галочки на проверку», а потому что он дешевле, чем предписание, и заметно дешевле, чем репутационный инцидент.
Что входит в обязанности владельца сайта:
-
разместить заметный переключатель режима на всех страницах;
-
обеспечить работу режима во всех разделах, а не только на главной;
-
дать пользователю управление шрифтом, цветовой схемой, интервалами и изображениями;
-
обеспечить навигацию с клавиатуры и совместимость со скринридерами;
-
поддерживать режим при обновлениях сайта и публикации нового контента;
-
хранить выбор пользователя между переходами по страницам.
Что должно быть в версии для слабовидящих: 5 обязательных элементов
Разберем по схеме «что это → зачем → как правильно». Это ядро статьи: если внедрять только один пункт из пяти, начните с первого и последнего.
1. Заметный переключатель и панель настроек
Это кнопка «Версия для слабовидящих» в шапке сайта, а не в подвале. Нажатие включает режим и открывает панель управления.
-
Почему обязательно: пользователь должен найти режим за пару секунд, не исследуя меню. Скрытая кнопка = режима нет.
-
Как правильно: текстовая кнопка с иконкой глаза, aria-label и aria-pressed, фокус с клавиатуры, работа на мобильных.
2. Управление размером шрифта
Это шкала или кнопки «A− / A+» с шагом, обычно от 100% до 200% от базового кегля.
-
Почему обязательно: ГОСТ требует масштабирования текста минимум до 200% без потери функциональности и без горизонтальной прокрутки.
-
Как правильно: масштабировать через относительные единицы (rem, em), а не фиксированные пиксели; проверять на самом длинном заголовке в каталоге.
3. Цветовые схемы с проверенным контрастом
Это набор готовых тем: черным по белому, белым по черному, темно-синим по голубому, коричневым по бежевому, зеленым по темно-коричневому.
-
Почему обязательно: контраст текста не ниже 4,5:1 для обычного текста и 3:1 для крупного – базовый критерий WCAG AA.
-
Как правильно: не инвертировать цвета скриптом «на лету», а переключать заранее подготовленный набор CSS-переменных.
4. Отключение изображений, фона и анимации
Это режим «без картинок»: остаются только текст и смысловые подписи, декоративные элементы скрываются.
-
Почему обязательно: пестрый фон и баннеры мешают читать. Отдельно проверяется частота вспышек – больше трех в секунду недопустимо.
-
Как правильно: у каждого изображения есть alt-текст, у видео – субтитры или расшифровка, у карусели – кнопка «стоп».
5. Озвучивание и семантическая разметка
Это встроенный синтезатор речи плюс корректный HTML: заголовки по уровням, списки, таблицы с th, ссылки с понятным текстом.
-
Почему обязательно: часть пользователей работает со скринридером, и «версия для слабовидящих» без семантики превращается в кашу из слов.
-
Как правильно: проверять навигацию клавишей Tab, читать страницу в NVDA или «Экранном дикторе», не использовать «нажмите здесь» вместо описания ссылки.
Как это работает на практике
Возьмите любой сайт и переключите три параметра: цветовую схему на «белым по черному», шрифт на 200%, изображения – выключить. Если текст остается читаемым, навигация не разъезжается, а кнопки понятны без картинок – база готова.
Если появляется горизонтальная прокрутка и цены уезжают за экран – верстка держится на фиксированных пикселях, и ее придется переводить на относительные единицы.
Виды реализации: что выбрать под свою задачу
Решения различаются стоимостью, сроком и тем, насколько легко поддерживать режим при обновлениях.
| Вид реализации | Когда применяется | Что внутри и чего ждать |
|---|---|---|
| Кнопка + панель настроек на основном сайте | Коммерческие сайты, порталы, интернет-магазины на «1С-Битрикс» | Отдельный шаблон или CSS-переменные, панель управления, запоминание настроек. Быстро, недорого, минимальный риск при обновлениях. |
| Отдельная версия на поддомене или по отдельному адресу | Госсайты по приказу № 483, сложные порталы с тяжелой версткой | Дублирующий шаблон. Требует дисциплины: контент в двух версиях нужно синхронизировать, иначе часть страниц «отвалится». |
| Доступный по умолчанию сайт (без отдельного режима) | Новые проекты, где доступность закладывают в архитектуру | Семантика, контраст, клавиатура и скринридеры из коробки. Дороже на старте, дешевле в поддержке. Тренд после постановления № 102. |
| Готовый модуль или виджет (в том числе для «1С-Битрикс») | Нужен результат за несколько дней, бюджет ограничен | Коробка закрывает шрифт, контраст и озвучивание. Проверять нужно интеграцию с текущим шаблоном и загрузку со стороннего CDN. |
| Специализированное решение с аудиоописанием и сурдопереводом | Медицина, образование, культура, музеи | Видео с сурдопереводом, тифлокомментарии, версии документов в читаемом виде. Отдельный бюджет и продакшн. |
Наш опыт: в 8 из 10 проектов оптимален первый вариант – режим внутри основного сайта. Отдельную версию выбирают там, где ее прямо требует нормативный акт или где основной шаблон настолько тяжелый, что переключение тем ломает верстку.
Штрафы и последствия: чем рискует владелец сайта
| Нарушение | Санкция (ноябрь 2026) | Правовая норма |
|---|---|---|
| Уклонение от обеспечения доступности информации для инвалидов | Должностным лицам – 2 000–3 000 ₽, юридическим лицам – 20 000–30 000 ₽ | ст. 9.13 КоАП РФ |
| Дискриминация при предоставлении информации или услуги | Гражданам – 1 000–3 000 ₽, должностным лицам – 10 000–30 000 ₽, юрлицам – 50 000–100 000 ₽ | ст. 5.62 КоАП РФ |
| Невыполнение представления прокуратуры | Должностным лицам – 2 000–3 000 ₽, юрлицам – 50 000–100 000 ₽ | ст. 17.7 КоАП РФ |
| Неисполнение предписания надзорного органа в срок | Должностным лицам – 1 000–2 000 ₽ или дисквалификация, юрлицам – 10 000–20 000 ₽ | ч. 1 ст. 19.5 КоАП РФ |
| Несоответствие ТЗ по доступности в госконтракте | Отказ в приемке, возврат работ, попадание в реестр недобросовестных поставщиков | 44-ФЗ, условия контракта |
Цифры штрафов сами по себе невелики. Реальная стоимость ошибки – в другом: остановка закупок, потеря бюджетных клиентов, предписание с коротким сроком устранения и переделка сайта в авральном режиме.
Один из наших клиентов – оптовый поставщик товаров для творчества – пришел с задачей «сделать кнопку, потому что просит крупная сеть». При аудите выяснилось, что при включении режима рассыпалась карточка товара: цены и характеристики были сверстаны div-ами без табличной структуры, а у изображений отсутствовали alt-тексты.
Пришлось не «прикрутить кнопку», а переверстать карточку и шаблон каталога. Итог – режим заработал на всех 12 000 товаров, а заодно выросли показатели мобильной версии.
Типичные ошибки: как их совершают на самом деле
| Ошибка | Последствие | Как исправить |
|---|---|---|
| «Кнопку поставили, а в каталоге режим не работает» | Предписание: доступна только часть сайта | Проверить режим на всех типах страниц: главная, каталог, карточка, форма, корзина, статьи, 404 |
| Инвертируют цвета скриптом поверх инлайн-стилей | Темный текст на темном фоне, нечитаемые кнопки | Перевести палитру на CSS-переменные и переключать тему целиком |
| Кегль 30 pt без переносов | Горизонтальная прокрутка, текст уезжает за экран | Относительные единицы,ограничение по ширине, проверка на 320 px |
| Озвучивание через внешний онлайн-сервис | Голос пропадает без интернета и не дружит со скринридером | Локальный синтез речи плюс корректная семантика HTML |
| Картинки без alt, ссылки «здесь» и «подробнее» | Скринридер читает бессмысленный набор слов | Осмысленные alt и текст ссылки: «Условия доставки», «Скачать прайс» |
| Виджет грузится с чужого CDN и падает | Режим недоступен именно тогда, когда нужен | Хостить скрипт на своем домене, минифицировать, кэшировать |
| Настройки сбрасываются при переходе на другую страницу | Пользователь заново выставляет шрифт на каждом шаге | Хранить выбор в cookie или localStorage |
| Кнопка спрятана в подвале и без aria | Формально есть, фактически не находится | Шапка сайта, видимая кнопка, фокус с клавиатуры |
Чек-лист внедрения: 7 шагов
-
Проведите аудит текущего сайта. Пройдите 10 ключевых страниц с клавиатуры, без мыши, и с включенным скринридером. Зафиксируйте, где теряется фокус и что не читается.
-
Составьте перечень требований под вашу отрасль. Определите, что применяется именно к вам: приказ № 483, ГОСТ Р 52872-2019, постановление № 102, отраслевой акт или ТЗ заказчика.
-
Спроектируйте режим на уровне шаблона. Панель настроек, набор цветовых схем, масштаб шрифта, отключение изображений – через CSS-переменные, а не скрипты поверх верстки.
-
Приведите в порядок семантику. Заголовки по уровням, списки, таблицы с заголовочными ячейками, alt-тексты, понятные названия ссылок и кнопок.
-
Обеспечьте клавиатуру и фокус. Видимая обводка фокуса, логичный порядок Tab, отсутствие «ловушек», работа форм и модальных окон без мыши.
-
Протестируйте с реальными пользователями. Минимум два сценария: слабовидящий с масштабированием 200% и пользователь скринридера. Это отлавливает то, что не видит автоматический проверка.
-
Закрепите регламент поддержки. Новые блоки и страницы выходят только с проверкой на доступность. Иначе через полгода режим снова «сломается» на новых разделах.
С чего начать прямо сейчас: откройте свой сайт, нажмите кнопку версии для слабовидящих и попробуйте оформить заказ или отправить заявку, не выключая режим. Если не получилось – у вас есть конкретный список задач. Второй шаг займет 10 минут: включите масштаб браузера 200% и пройдите тот же путь.
Слово эксперта
«Клиенты часто спрашивают: «Мы же поставили кнопку, что еще нужно?» Нужно главное – чтобы человек в этом режиме мог дойти до цели: прочитать условия, выбрать товар, отправить заявку. Мы проверяем именно сценарий, а не наличие иконки. Поэтому в проекте всегда начинаем с карточки товара и формы — там ломается чаще всего».
Нужна помощь с версией сайта для слабовидящих?
-
Проверим ваш сайт по ключевым критериям ГОСТ Р 52872-2019 и покажем, где именно теряется доступность – по 10–15 типовым страницам.
-
Установим и настроим режим для слабовидящих на «1С-Битрикс»: панель настроек, цветовые схемы, масштаб шрифта, отключение изображений, озвучивание.
-
Приведем в порядок семантику и клавиатурную навигацию, чтобы режим работал в каталоге, карточках товара и формах, а не только на главной.
-
Проверим сценарий целиком: сможет ли пользователь оформить заказ или отправить заявку в этом режиме.
-
Дадим письменный отчет с перечнем найденных нарушений – даже если решите исправлять своими силами.
Версия для слабовидящих перестала быть украшением в углу страницы. В 2026 году это проверяемый набор технических критериев: контраст, масштаб, клавиатура, скринридеры. Начните с одного действия – пройдите свой сайт без мыши и с масштабом 200%. Полученный список задач и есть ваш план работ.
Дальше останется выбрать формат: готовый модуль на «1С-Битрикс» за несколько дней или переработка верстки с проектированием доступности в архитектуре.
Часто задаваемые вопросы
Обязана ли компания на ООО или ИП делать версию для слабовидящих?
Отдельной нормы «каждый коммерческий сайт обязан иметь версию для слабовидящих» в законе нет. Но обязанность появляется, если на ГОСТ Р 52872-2019 ссылается ваш договор, госконтракт, отраслевой акт или требования маркетплейса.
Кроме того, работает общий запрет дискриминации по признаку инвалидности (ст. 14 181-ФЗ) и статья 9.13 КоАП РФ. Практический вывод: для коммерческого сайта это управление риском и способ не терять клиентов, а не формальность.
Достаточно ли кнопки «Увеличить шрифт»?
Нет. Кнопка увеличения шрифта закрывает только один критерий из десятков. Версия для слабовидящих должна давать управление контрастом и цветовой схемой, отключение изображений и фона, озвучивание текста, работу с клавиатуры и совместимость со скринридерами.
Проверка «нажмите и посмотрите, стало ли крупнее» не показывает, доступны ли формы, каталог и корзина.
Чем версия для слабовидящих отличается от соответствия ГОСТ Р 52872-2019?
Версия для слабовидящих – это режим, ГОСТ – это набор критериев качества всего сайта. Можно иметь красивую панель настроек и при этом полностью провалить семантику: заголовки сверстаны div-ами, у картинок нет alt, форма не отправляется с клавиатуры.
Постановление № 102 как раз фиксирует, что доступным должен быть основной ресурс, а не только его альтернативная версия.
Сколько времени и денег занимает внедрение?
Готовый модуль на «1С-Битрикс» с настройкой под ваш шаблон – от нескольких дней. Полноценный режим с переработкой верстки, семантики и тестированием – от двух до шести недель в зависимости от размера каталога.
Основные затраты уходят не на панель настроек, а на приведение карточек, форм и таблиц к читаемому виду. Точную оценку дает аудит: мы смотрим 10–15 типовых страниц и считаем объем.
Как проверить сайт самостоятельно, без подрядчика?
Три бесплатных теста. Первый: отключите мышь и пройдите путь до заявки только клавишей Tab. Второй: увеличьте масштаб до 200% и проверьте, появляется ли горизонтальная прокрутка и не обрезается ли текст. Третий: включите встроенный экранный диктор (NVDA в Windows, VoiceOver в macOS) и послушайте, что он читает на карточке товара.
Если слышите «ссылка», «ссылка», «изображение» без пояснений – работы много.
Нужна ли версия для слабовидящих, если сайт участвует в госзакупках?
На практике да. Заказчики из бюджетной сферы все чаще включают в техническое задание требования доступности по ГОСТ Р 52872-2019, а с 2026 года ориентируются и на постановление № 102.
Если сайт-поставщик не соответствует этим критериям, это становится аргументом на этапе оценки или поводом не принять работу. Проверить требования стоит до подачи заявки.
