Сайт для слабовидящих по постановлению № 102: чек-лист 2026

Требования к сайту для слабовидящих в 2026 году задаёт постановление Правительства РФ от 07.02.2026 № 102. Оно обязывает официальный сайт государственного органа, органа местного самоуправления или подведомственной организации работать с клавиатуры и с экранным диктором, масштабироваться до 200% без горизонтальной прокрутки, держать контраст текста от 4,5:1, выкладывать читаемые документы и подписывать поля форм. Всего в приложении 13 подпунктов, от «а» до «н». Ниже каждый переведён в простую проверку, которую сотрудник сделает сам.

Кого касается постановление № 102

Постановление принято на основании части 6 статьи 10 закона № 8-ФЗ «Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления». Эта часть в редакции 2025 года прямо поручает Правительству установить требования доступности для инвалидов по зрению на официальных сайтах государственных органов, органов местного самоуправления и подведомственных организаций (статья 10 закона № 8-ФЗ).

Пункт 1 приложения повторяет этот круг. На практике это министерства, администрации районов и поселений и все, кто у них в ведении: школы, детсады, колледжи, дома культуры, библиотеки, музеи, театры, больницы, МФЦ. Частного коммерческого сайта постановление не касается, общего обязательного требования доступности для бизнеса нет. Текст требований с подпунктами есть на zakonrf.info, сверяйтесь с ним.

Почему одной кнопки «версия для слабовидящих» мало

Слов «версия для слабовидящих» в требованиях № 102 нет. 13 подпунктов описывают, как должен вести себя официальный сайт. Поэтому кнопка в шапке, которая увеличивает шрифт и делает фон чёрно-белым, закрывает от силы два пункта: масштаб и контраст.

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

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

Для проверки хватит браузера Chrome или Яндекс Браузер, бесплатного экранного диктора NVDA для Windows и 5 минут на каждый блок. Проверяйте главную, «Документы», новость и форму обратной связи.

Клавиатура и экранный диктор (подп. «а», «л»)

Что требуется. Всё доступно с клавиатуры без ограничения по времени нажатия, порядок чтения соответствует смыслу. Наведение мыши не меняет контекст.

Как проверить. Уберите мышь и нажимайте Tab. Фокус должен быть виден на каждой ссылке и кнопке, идти сверху вниз и слева направо, открывать меню и закрываться по Esc. Меню, которое раскрывается только мышью, нарушает требование. Затем включите NVDA и послушайте главную: читается ли меню, не звучит ли «ссылка, ссылка, ссылка» без названий.

Масштаб 200% (подп. «б»)

Что требуется. Текст увеличивается минимум до 200% без потери функций и без горизонтальной прокрутки.

Как проверить. Обычное окно браузера, Ctrl и плюс до отметки 200%. Внизу не должно появиться горизонтальной полосы, текст не должен налезать на картинки, меню должно открываться, кнопки нажиматься.

Документы и PDF (подп. «в»)

Что требуется. Документы читаются вспомогательными технологиями, PDF размечены по ГОСТ Р 70176-2022 (стандарт о доступности файлов PDF, действует с 1 декабря 2022 года), либо рядом лежит доступная альтернативная версия.

Как проверить. Откройте устав или приказ и нажмите Ctrl+A. Если текст не выделяется, перед вами скан-картинка. В Adobe Acrobat Reader откройте свойства документа: строка «PDF с тегами: Нет» значит, что разметки нет.

Картинки, видео и капча (подп. «г», «д»)

Что требуется. У нетекстового контента есть текстовая альтернатива, у кнопок и полей понятные названия, декоративные картинки скрыты от диктора. Капча доступна и на русском языке.

Как проверить. В Chrome откройте DevTools (F12), вкладку Lighthouse, отчёт Accessibility. Он покажет картинки без alt и кнопки без названий. Баннер «День открытых дверей 15 мая» с текстом внутри картинки диктор прочитает как «рисунок» или имя файла.

Заголовки и ссылки (подп. «е», «ж»)

Что требуется. Заголовки страниц описывают тему, цель ссылки понятна из текста или контекста.

Как проверить. Посмотрите на вкладки браузера: если у всех страниц одно название «МБОУ СОШ № 5», это нарушение. В NVDA нажмите Insert+F7 и откройте список ссылок. Десять ссылок «Подробнее» подряд не говорят, куда они ведут.

Контраст, цвет и шрифт (подп. «з», «и», «н»)

Что требуется. Контраст текста не ниже 4,5:1, для крупного 3:1. Информация передаётся не только цветом. Шрифт читаемый, без декоративных элементов.

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

Движение и мигание (подп. «к»)

Что требуется. Движущийся и автообновляемый контент можно остановить, скрыть или замедлить. Мигание не чаще 3 раз в секунду.

Как проверить. Найдите на главной карусель, бегущую строку, видео-фон. Если у них нет кнопки «пауза», доступной с клавиатуры, пункт не выполнен.

Формы (подп. «м»)

Что требуется. У каждого поля есть текстовое описание, ошибки заполнения выводятся текстом и доступны диктору.

Как проверить. Щёлкните по подписи поля: курсор должен встать в поле. Отправьте форму пустой с включённым NVDA: ошибка должна прозвучать.

Типичные проблемы сайтов учреждений

На сайтах школ, библиотек и домов культуры я вижу одни и те же ошибки.

• Сканы приказов и положений. Документ подписали, отсканировали и выложили картинкой в PDF. Диктор его не прочтёт.
• Баннеры с текстом внутри картинки. Афиша, расписание, объявление о приёме сделаны в графическом редакторе, на странице только картинка.
• Карусели на главной. Листаются сами, без паузы, фокус с клавиатуры в них теряется.
• Бледный фирменный цвет. Светлый текст на цветной плашке выглядит аккуратно и не набирает 4,5:1.
• Формы без подписей. Вместо подписи серая подсказка внутри поля, которая исчезает при вводе.

Почти всё это исправляется без нового сайта.

Если сайт на платформе или шаблоне

Многие учреждения работают на готовой платформе или шаблоне конструктора. Тогда ответственность делится. Шаблон отвечает за клавиатуру, масштаб, контраст интерфейса, разметку меню и форм. Учреждение отвечает за то, что загружает: документы, картинки, тексты ссылок, описания фото.

Порядок такой. Пройдите чек-лист и разделите найденное на «шаблон» и «наш контент». Первое отправьте владельцу платформы или подрядчику со ссылками на подпункты № 102, второе исправляйте сами. Если шаблон не правится, думайте о переносе. Как сформулировать требования для нового подрядчика, я разбирал в статье про техзадание на сайт.

Связь с ГОСТ Р 52872-2019

ГОСТ Р 52872-2019 задаёт требования доступности интернет-ресурсов, действует с 1 апреля 2020 года (приказ Росстандарта № 589-ст) и построен на WCAG 2.1. Постановление № 102 ссылается на него в подпункте «г», там, где речь о видео и аудио. Контраст 4,5:1, масштаб 200% и порог в 3 вспышки знакомы по WCAG. Поэтому техническую проверку удобно вести по ГОСТу и WCAG, а отчёт для руководителя раскладывать по подпунктам № 102. Подробнее о стандартах и о том, зачем доступность коммерческим сайтам, в общей статье про доступность сайта.

Кто проверяет и есть ли штраф

По статье 24 закона № 8-ФЗ контроль за обеспечением доступа к информации ведут руководители государственных органов и органов местного самоуправления, а надзор за исполнением закона ведут органы прокуратуры (статья 24 закона № 8-ФЗ). Статья 25 в общем виде говорит о дисциплинарной, административной, гражданской и уголовной ответственности.

Отдельного штрафа именно за невыполнение требований № 102 в КоАП я не нашёл. Есть статья 13.27 КоАП со штрафом для должностных лиц от 3 000 до 5 000 ₽, но её часть 1 написана про требования к технологическим, программным и лингвистическим средствам сайтов госорганов и органов местного самоуправления. Это другая часть статьи 10 закона. Как её будут применять к доступности, покажет практика.

Реальный сценарий выглядит спокойнее. Прокуратура проверяет сайт, вносит представление или идёт в суд с требованием устранить нарушение. Такие дела были и раньше: например, в 2017 году суд по иску прокурора признал незаконным бездействие муниципального детского сада, сайт которого был недоступен слабовидящим (решение на sudact.ru). Для школы требования к сайту шире доступности, их я собрал в статье о требованиях к сайту школы.

Как я это делаю

Проверку я веду по тем же подпунктам, что выше, только глубже. Прохожу ключевые шаблоны страниц с клавиатуры и с NVDA, меряю контраст всех цветовых пар в интерфейсе скриптом, проверяю масштаб 200% и ширину телефона, открываю документы из раздела «Сведения» на текст и теги. Lighthouse запускаю, но не верю ему на слово: он ловит отсутствие alt и подписей, а логику порядка чтения и ловушки фокуса видно только руками.

На выходе таблица: подпункт № 102, страница, что не так, кто правит (шаблон или контент), как исправить. Если доступ к сайту есть, исправления в шаблоне делаю сам. Сотрудникам оставляю памятку: как выкладывать документ текстом и подписывать картинку. Доступность я закладывал и в сайт национального театра, кейс лежит в блоге, а требования к сайтам учреждений культуры собраны в статье про сайт театра и дома культуры.

Сколько стоит

• Проверка доступности: от 25 000 ₽, от 3 дней. Отчёт и исправления.
• Редизайн без поломки: от 80 000 ₽. Когда шаблон проще переделать, чем латать, а адреса страниц и документы нужно сохранить.
• Корпоративный сайт: от 100 000 ₽, от 3 недель. Новый сайт учреждения, где доступность заложена с первого макета.
• Поддержка: от 20 000 ₽/мес. Контроль, чтобы новые документы и баннеры не ломали доступность.

Все цены на одной странице: прайс. Для учреждений, которые покупают через 44-ФЗ, пригодится разбор о госзакупках.

Частые вопросы

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

В тексте требований № 102 такого понятия нет. Требования относятся к официальному сайту целиком. Кнопку можно оставить как дополнительное удобство.

Хватит ли виджета, который ставится одной строкой кода?

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

С чего начать, если времени мало?

С документов и главной. Переведите в текст самые просматриваемые документы, добавьте паузу к карусели, проверьте контраст и форму обратной связи.

Коротко о главном

Постановление № 102 действует с 1 марта 2026 года и проверяет сам сайт учреждения: клавиатуру, диктор, масштаб 200%, документы, контраст, движение и формы. Кнопка и виджет эту работу не заменяют. 13 подпунктов можно пройти самому за час, а проблемы шаблона отдать подрядчику списком.

Напишите мне в Telegram кодовое слово «КОНТРАСТ», и я бесплатно пройдусь по главной странице вашего сайта и пришлю список нарушений по пунктам постановления № 102.