Версия для слабовидящих: кому она обязательна и как сделать доступность правильно

Короткий ответ: по закону доступность официального сайта для людей с нарушениями зрения обязаны обеспечивать госорганы, органы местного самоуправления и подведомственные им организации; с 1 марта 2026 года для них действуют подробные требования Правительства. Для обычного коммерческого сайта такой обязанности нет, а ГОСТ Р 52872-2019 применяется добровольно. Но доступность полезна любому бизнесу, и делается она не кнопкой с очками, а в самой вёрстке: контраст, читаемый шрифт, описания картинок, работа с клавиатуры, подписи полей форм. Ниже — первоисточники, чек-лист для самопроверки и что записать в ТЗ.

Кому версия для слабовидящих обязательна по закону?

Госорганам, органам местного самоуправления и подведомственным им организациям — по ч. 6 ст. 10 закона N 8-ФЗ. С 1 марта 2026 года требования к их сайтам утверждены постановлением Правительства N 102. Отдельные правила к сайтам есть у образовательных организаций. Для частного бизнеса общей нормы нет.

• Закон N 8-ФЗ «Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления». Часть 6 статьи 10 требует, чтобы информация на официальных сайтах была доступна инвалидам по зрению. Закон касается именно официальных сайтов органов власти и подведомственных им учреждений.
• Постановление Правительства РФ от 07.02.2026 N 102. Оно заменило общую формулировку конкретным списком, и любопытно, что слов «версия для слабовидящих» в нём нет. Вместо отдельной версии требуется доступность основного сайта: работа с клавиатуры и через программы экранного доступа, увеличение текста не менее чем на 200 % без горизонтальной прокрутки, контраст не ниже 4,5:1, текстовые альтернативы для изображений, подписи и понятные ошибки в формах, управление движущимися элементами, документы, которые читаются вспомогательными программами. Сводка норм — в подборке КонсультантПлюс о доступности сайтов для инвалидов.
• Образовательные организации. Состав и формат сведений на их сайтах задаёт приказ Рособрнадзора N 1493. Приказ N 1353 от 03.07.2025 исключил из него обязательную «версию для слабовидящих», а приказ N 920 от 30.04.2026 снова изменил требования с 1 сентября 2026 года. Но государственная или муниципальная школа обычно подведомственна органу власти, и к её сайту относится постановление N 102. Сверяйте сайт с действующими редакциями, а не со старыми чек-листами из интернета.
• ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме…». Утверждён приказом Росстандарта от 29.08.2019 N 589-ст и действует с 1 апреля 2020 года. Это национальный стандарт, а по ст. 26 закона N 162-ФЗ «О стандартизации» такие документы применяются добровольно. Обязательным он становится, когда на него ссылается нормативный акт, договор или ТЗ заказчика.

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

Кто	Документ	Что требуется
Госорганы, органы местного самоуправления и подведомственные им организации	Ч. 6 ст. 10 закона N 8-ФЗ, постановление Правительства N 102 от 07.02.2026 (с 1 марта 2026)	Доступность официального сайта для инвалидов по зрению: клавиатура, экранный доступ, масштаб 200 %, контраст, подписи полей
Школы, вузы, колледжи	Приказ Рособрнадзора N 1493 о структуре сайта (изменения N 1353 и N 920); если организация подведомственна органу власти — также постановление N 102	Состав сведений на сайте; обязательную «версию для слабовидящих» приказ N 1353 из требований исключил — сверяйте действующую редакцию
Коммерческие компании	Отдельной нормы о «версии для слабовидящих» нет; ГОСТ Р 52872-2019 применяется добровольно	Ничего не предписано, но доступность можно записать в ТЗ как требование заказчика
Участники госзакупок и подрядчики госсайтов	Техническое задание заказчика	То, что записано в ТЗ: часто ссылка на ГОСТ Р 52872-2019 или пункты постановления N 102

Нужна ли она коммерческому сайту?

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

Кому стоит заняться доступностью в первую очередь:

• Аудитория старшего возраста. Клиники, аптеки, санатории, ритуальные услуги, туризм для пенсионеров, банковские и страховые продукты. Мелкий серый шрифт здесь прямо стоит заявок.
• Подрядчики госзаказчиков. Если сайт или кабинет вы делаете для бюджетной организации, требования доступности почти наверняка будут в ТЗ закупки — и при приёмке их проверят.
• Сервисы с регулярным использованием. Личный кабинет, запись, оплата: если человек не может заполнить форму, он уходит к конкуренту или звонит в поддержку — это тоже ваши расходы.
• Компании, которые выходят на зарубежные рынки. В ряде стран требования к цифровой доступности жёстче российских, и партнёры могут спросить о соответствии рекомендациям WCAG.

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

Чем доступность шире «версии для слабовидящих»?

«Версия для слабовидящих» — это обычно отдельный режим с крупным шрифтом и чёрно-белыми цветами. Доступность — свойство основного сайта: им удобно пользоваться с плохим зрением, без мыши, с программой экранного доступа, при дальтонизме и при увеличении до 200 %. Именно такой подход заложен в постановлении N 102 и в WCAG.

Разница практическая. Человек с низким зрением чаще всего не ищет на странице кнопку с очками — он увеличивает страницу в браузере или включает экранную лупу. Незрячий пользователь слушает страницу через программу экранного доступа: VoiceOver на iPhone и Mac, NVDA или JAWS на Windows, TalkBack на Android. Для такой программы «крупный шрифт» не значит ничего, ей нужны правильные заголовки, подписи кнопок и описания картинок.

Международная основа — рекомендации W3C WCAG 2.2. Они построены на четырёх принципах, которые удобно держать в голове при приёмке сайта:

1. Воспринимаемость. Информацию можно получить разными способами: у картинки есть текстовое описание, у видео — субтитры, текст контрастен и увеличивается.
2. Управляемость. Всё работает с клавиатуры, хватает времени на действие, ничего не мигает и не уезжает само.
3. Понятность. Подписи полей ясны, ошибки объясняются словами, навигация одинакова на всех страницах.
4. Надёжность. Код размечен так, что вспомогательные программы правильно понимают, где кнопка, где поле, а где заголовок.

Почти всё из этого бесплатно, если думать о нём на этапе дизайна и вёрстки, и дорого, если исправлять готовый сайт. Кнопка, сделанная из картинки, или форма без подписей переделываются вместе с шаблоном страницы.

Почему кнопка-оверлей не решает задачу?

Оверлей — это подключаемый скрипт, который рисует на сайте панель «размер шрифта, контраст, цвет». Он меняет внешний вид поверх страницы, но не исправляет её код: у картинок не появятся описания, у полей — подписи, у меню — работа с клавиатуры. Пользователи вспомогательных программ его обычно не используют.

Почему виджеты так популярны: их ставят за пять минут, и они создают видимость, что задача решена. На конструкторах и CMS это самый простой путь, отсюда частые запросы «версия для слабовидящих Тильда» или «Битрикс». Но проблемы остаются там же, где были.

• Дублируют браузер. Увеличение шрифта и тёмная тема и так есть в браузере и системе — человек с плохим зрением ими уже пользуется. Виджет лишь добавляет ещё одну панель, которую надо найти.
• Не видны тем, кому нужнее всего. Незрячий пользователь не увидит кнопку с очками и не нуждается в крупном шрифте. Ему мешают безымянные кнопки и картинки без описаний, а их виджет не исправит.
• Ломают вёрстку. Принудительное увеличение шрифта поверх дизайна, который на это не рассчитан, даёт наезжающие блоки и обрезанные кнопки.
• Обещают больше, чем могут. В США Федеральная торговая комиссия в 2025 году обязала поставщика популярного виджета выплатить 1 млн долларов: компания утверждала, что её автоматический инструмент делает любой сайт соответствующим WCAG, и регулятор счёл эти заявления вводящими в заблуждение.

Когда виджет уместен: как дополнительное удобство поверх уже доступного сайта или временно, пока доступность закладывается в редизайн. Подменять им работу над вёрсткой не стоит — особенно если доступность требует ТЗ госзаказчика: приёмка по пунктам постановления проверяет сам сайт, а не наличие кнопки.

Чек-лист доступности для самопроверки

Пройдите главную, страницу услуги или товара и форму заявки по восьми пунктам из таблицы ниже. Нужен только браузер и час времени. Если проблемы находятся в трёх-четырёх пунктах, это повод для доработки, а не для виджета.

Пояснения к пунктам, где чаще всего ошибаются:

• Контраст. Порог из WCAG и постановления N 102 — 4,5:1 для обычного текста и 3:1 для крупного. Модный светло-серый текст на белом фоне часто даёт около 2,5:1 — красиво на макете и тяжело читать на улице.
• Шрифт. Без декоративных начертаний, с различимыми символами; основной текст на сайте компании разумно делать не меньше 16 пикселей. Размер в относительных единицах, чтобы он увеличивался вместе с настройками браузера.
• Alt у картинок. Описывает смысл, а не файл: «Схема проезда к складу от метро» вместо «IMG_4512». Декоративные картинки получают пустой alt, чтобы программа их пропускала.
• Цвет — не единственный сигнал. «Поля, отмеченные красным, обязательны» не прочитает человек с дальтонизмом. Добавьте слово или звёздочку с пояснением.
• Фокус. Видимая рамка вокруг активного элемента при работе с клавиатуры. Её часто отключают дизайнеры, потому что «некрасиво», — и сайт становится непроходимым без мыши.
• Ошибки в формах. Сообщение текстом рядом с полем: «Укажите телефон в формате +7…», а не только красная рамка. Проверка «я не робот» тоже должна иметь доступную альтернативу.

Проверьте и документы: прайсы и договоры в PDF, отсканированные картинкой, программа экранного доступа не прочитает. Для госсайтов постановление N 102 прямо требует документы, доступные вспомогательным программам; для коммерческого сайта это просто удобство клиента.

Что проверить	Как	Что считать проблемой
Контраст текста	Сервис проверки контраста или инструменты разработчика Chrome	Обычный текст ниже 4,5:1, крупный — ниже 3:1; серый текст на светло-сером
Масштаб 200 %	Ctrl и «+» в браузере до 200 %	Текст обрезается, наезжает, появляется прокрутка вбок, меню пропадает
Клавиатура	Пройти страницу клавишей Tab, нажать Enter на кнопках	Не видно, где фокус; меню, форма или окно не открываются без мыши; фокус застревает
Картинки	Посмотреть атрибут alt у фото товаров, схем, баннеров с текстом	Нет описания у смысловых картинок; «image123.jpg» вместо описания
Поля форм	Очистить поле и прочитать, что от вас хотят	Подсказка внутри поля исчезает при вводе, подписи нет; ошибка показана только красной рамкой
Заголовки и ссылки	Пролистать структуру страницы расширением для заголовков	Заголовки вне порядка или сделаны жирным текстом; ссылки «тут», «подробнее» без контекста
Движение	Открыть главную и подождать	Слайдер или бегущая строка не останавливаются; что-то мигает
Экранный доступ	Включить VoiceOver (Mac, iPhone) или NVDA (Windows) и пройти заявку	Кнопки читаются как «кнопка» без названия, форму не отправить

Как заложить доступность в ТЗ и сколько стоит доработка?

Запишите в техзадание не «сайт должен быть доступным», а проверяемые пункты: контраст 4,5:1, увеличение до 200 % без прокрутки вбок, работа с клавиатуры с видимым фокусом, alt у смысловых изображений, подписи и текстовые ошибки у полей. Для нового сайта это почти не меняет цену, для старого — работа уровня редизайна.

Формулировки, которые можно взять в ТЗ почти дословно:

1. Контраст текста к фону — не ниже 4,5:1, для крупного текста — не ниже 3:1; цвет не является единственным способом передать информацию.
2. Страница увеличивается в браузере до 200 % без потери функций и без горизонтальной прокрутки.
3. Все ссылки, кнопки, меню, формы и всплывающие окна работают с клавиатуры; фокус виден; порядок перехода совпадает с логикой страницы.
4. У смысловых изображений есть текстовое описание, декоративные скрыты от программ экранного доступа.
5. Заголовки размечены по уровням; у каждой страницы свой понятный title.
6. У каждого поля формы видимая подпись; ошибки поясняются текстом рядом с полем.
7. Слайдеры и анимацию можно остановить; ничего не мигает чаще трёх раз в секунду.
8. Если сайт для госзаказчика — отдельной строкой ссылка на постановление N 102 или ГОСТ Р 52872-2019 и порядок проверки при приёмке.

Как вообще собрать техзадание и что оставить на усмотрение исполнителя, разобрано в статье о ТЗ на разработку сайта.

Теперь о деньгах. В прайсе Roboweb нет отдельного тарифа «доступность» — она входит в работу над вёрсткой:

• Новый сайт. Пункты из ТЗ закладываются в дизайн и вёрстку сайта под ключ: лендинг — от 24 000 ₽, корпоративный сайт — от 56 000 ₽. Контраст, шрифт и подписи полей решаются на этапе макета, а не переделкой.
• Готовый сайт. Исправление контраста, шрифтов, форм и навигации с клавиатуры — это редизайн: от 29 000 ₽ и 2–3 дня, без переезда и смены адресов. Если сайт на конструкторе, где вёрстку не изменить, часть пунктов не выполнить — тогда честнее сравнить с новым сайтом; в чём разница, разобрано в статье о Тильде и заказной разработке.
• Поддержка. Чтобы новые страницы не ломали доступность, их удобно проверять в рамках поддержки — от 7 900 ₽ в месяц.

Точную сумму называем после аудита и фиксируем в договоре до старта. Оплата — 50 % предоплаты и 50 % после акта. На приёмку по договору 5 рабочих дней: пройдите чек-лист сами и верните работу с замечаниями, если пункты ТЗ не выполнены. В тарифах до 2 раундов правок, а ошибки по нашей вине исправляем бесплатно 30 календарных дней с даты акта.

Если сайт старый и проблем много — от контраста до форм, — сначала решите, чинить его или делать заново: критерии собраны в статье о редизайне и новом сайте.

Какие ошибки делают чаще всего?

Главная ошибка — считать доступность разовой галочкой: поставить виджет, отчитаться и забыть. Следом идут обещания «полного соответствия закону» без указания нормы и проверка сайта только на своём мониторе.

• Отдельная версия, которая отстаёт. Если «версия для слабовидящих» — копия сайта, цены и новости в ней со временем расходятся с основной. Поддерживать один доступный сайт проще.
• Доступность только на главной. Проверяют первую страницу, а форма заявки, корзина или личный кабинет остаются непроходимыми.
• Текст картинкой. Акции и прайсы на баннерах без текстовой копии не читаются программами и не увеличиваются без потери качества.
• Обещание соответствия без нормы. Фраза «сайт соответствует требованиям закона» ничего не значит без номера документа и пунктов. Если подрядчик её пишет — попросите перечень проверок.
• Нет проверки живым человеком. Автоматические сервисы находят часть проблем вроде контраста и пустых alt, но не скажут, понятна ли форма. Пройдите сценарий заявки с клавиатуры и с программой экранного доступа сами.

Короткие ответы на частые вопросы

Обязана ли коммерческая компания делать версию для слабовидящих?

Прямой нормы, которая обязывала бы частный бизнес ставить на сайт «версию для слабовидящих», нет. Требования к доступности сайтов адресованы госорганам, органам местного самоуправления и подведомственным им организациям, отдельные — образовательным учреждениям. ГОСТ Р 52872-2019 применяется добровольно. Если сомневаетесь в своей отрасли — уточните у юриста.

Что требует ГОСТ Р 52872-2019?

Стандарт описывает требования доступности сайтов, приложений и других интерфейсов для людей с инвалидностью: текстовые альтернативы для изображений, работу с клавиатуры, контраст, понятные формы, совместимость с программами экранного доступа. По принципам он близок к международным рекомендациям WCAG. Действует с 1 апреля 2020 года, применяется добровольно, если на него не ссылается закон, договор или ТЗ.

Достаточно ли поставить виджет с кнопкой «Версия для слабовидящих»?

Как правило, нет. Виджет меняет шрифт и цвета поверх страницы, но не добавляет описания картинок, подписи полей и работу с клавиатуры. Незрячий человек с программой экранного доступа его даже не использует. Виджет можно оставить как удобство, но доступность делается в самой вёрстке.

Как быстро проверить доступность своего сайта?

Увеличьте страницу в браузере до 200 %, пройдите её клавишей Tab без мыши, проверьте контраст серого текста и заполните форму, очистив поле. Если что-то обрезается, теряется фокус или непонятно, что ввести, — доступность нужно дорабатывать. Полный список проверок — в чек-листе статьи.

Сколько стоит сделать сайт доступным?

Для нового сайта базовая доступность закладывается в ТЗ и вёрстку без отдельного тарифа: лендинг — от 24 000 ₽, корпоративный сайт — от 56 000 ₽. Для готового сайта это работа уровня редизайна — от 29 000 ₽. Точную сумму называем после аудита и фиксируем в договоре до старта.

Услуги и кейсы по теме: создание сайтов под ключ · редизайн сайта · цены и сроки