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

· 7 минут чтения

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

Коротко: для государственных и муниципальных организаций — школ, поликлиник, библиотек, учреждений культуры — доступность сайта для людей с нарушениями зрения обязательна, и проверяют её прокуратура и надзорные органы. Для коммерческих компаний ГОСТ носит рекомендательный характер. Ориентир по деньгам: готовый скрипт — от нуля до нескольких тысяч рублей, нормальная адаптация основной вёрстки — от 15 000 ₽. И главное: панель с кнопкой «глаз» сама по себе требование не закрывает.

Очки перед экраном: сквозь линзы блоки страницы выглядят крупнее и контрастнее, чем вокруг
Требование не про кнопку с глазом, а про то, чтобы информацию можно было прочитать.

Кому это обязательно, а кому нет

Требование живёт не в одном документе, а в нескольких, и это первая причина путаницы.

  • Основной технический документ — ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме… Требования доступности для людей с инвалидностью». Для государственных и муниципальных организаций его нормы обязательны, для коммерческих — рекомендательные.
  • Для образовательных организаций требования к сайту заданы отдельно приказом Рособрнадзора. 🔴 Сейчас действует приказ № 1493 от 04.08.2023 в редакции от 03.07.2025. Прежний № 831 от 14.08.2020 утратил силу, но именно на него до сих пор ссылается большинство инструкций в интернете — проверьте, на что опирается ваш подрядчик.
  • Для медицинских, культурных и социальных учреждений действуют отраслевые требования к информационной открытости, а общая обязанность обеспечивать доступ к информации следует из законодательства о социальной защите инвалидов.
  • Коммерческая компания к этому не обязана — до тех пор, пока она не оказывает государственную услугу, не работает по госконтракту и не получает бюджетные средства. Тогда требование приходит вместе с условиями договора.

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

Что именно требует стандарт

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

  • Текст можно увеличить как минимум вдвое, и при этом ничего не разъезжается и не пропадает за краем экрана.
  • Контраст текста к фону достаточный: обычный текст — не ниже 4,5:1, крупный — не ниже 3:1. Модный светло-серый по белому этого порога не проходит.
  • У каждой картинки, которая несёт смысл, есть альтернативное описание. У декоративных оно пустое — чтобы читалка их не перечисляла.
  • По сайту можно пройти с клавиатуры: все ссылки, кнопки и поля достижимы табуляцией, и видно, где вы сейчас находитесь.
  • Информацию не передают одним только цветом — «поля, отмеченные красным» для человека, который цвета не различает, пустой звук.
  • Документы, ради которых сайт и существует, доступны текстом, а не только сканом. Сканированный PDF для экранной читалки — это пустая страница.
  • Ничего не мигает чаще трёх раз в секунду, у видео есть управление воспроизведением, а звук не включается сам.

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

Главное заблуждение: «поставили кнопку — сделали»

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

Стандарт требует, чтобы в доступном виде была вся информация, а не главная страница. Если специальная версия показывает урезанный сайт — требование не выполнено, и именно это чаще всего становится основанием представления.

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

Три способа сделать и сколько это стоит

  1. Готовый скрипт специальной версии. Строка кода на страницу, панель появляется сама. Бесплатные варианты существуют, платные стоят от нескольких сотен до нескольких тысяч рублей в год. Быстро и дёшево, закрывает переключение шрифта и цветов — и ничего не делает с картинками без описаний и сканами вместо текста.
  2. Отдельная версия сайта. Копия с упрощённой вёрсткой по адресу вроде /special/. Способ прошлого десятилетия: содержимое в двух местах, и вторая копия неизбежно отстаёт. Заказывать сегодня не советую никому — сопровождать дороже, чем сделать нормально сразу.
  3. Доступность в основной вёрстке плюс панель поверх неё. Правильный путь: контраст, разметка, клавиатура, описания к изображениям — в самом сайте, а панель добавляет пользователю удобные переключатели. Работа по существующему сайту — обычно от 15 000 ₽, если вёрстка вменяемая, и заметно дороже, если сайту десять лет и он собран таблицами.

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

Проверьте свой сайт за пятнадцать минут

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

  1. Нажмите Ctrl и «плюс» четыре раза — текст станет вдвое крупнее. Если что-то уехало за экран, наложилось или пропало, это первая находка.
  2. Уберите мышь и пройдите по сайту клавишей Tab. Вы должны видеть, на каком элементе находитесь, и добраться до меню, поиска и формы.
  3. Откройте специальную версию и зайдите в самый глубокий раздел — документы, расписание, контакты подразделений. Проверять надо там, а не на главной.
  4. Посмотрите, чем опубликованы документы. Если это сканы, для человека с читалкой их не существует.
  5. Наведите курсор на пару картинок и посмотрите исходный код страницы: есть ли у них атрибут alt и написано ли в нём что-то осмысленное.
  6. Включите на телефоне встроенную озвучку экрана (VoiceOver на iPhone, TalkBack на Android) и послушайте свою главную страницу минуту. Это неприятный, но самый честный тест из всех.

Что бывает, если не сделать

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

Административная ответственность за уклонение от требований доступности для инвалидов предусмотрена статьями 9.13 и 14.8 КоАП РФ; для юридического лица штраф доходит до 30 000 ₽, и он не разовый — при неустранении нарушения история повторяется. Это не юридическая консультация, но порядок последствий понятен: дешевле сделать.

Зачем это коммерческому сайту без обязаловки

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

  • Достаточный контраст и кегль от 16 пикселей — это просто читаемая страница, а не уступка.
  • Осмысленные alt у изображений — это ещё и единственный способ попасть в поиск по картинкам.
  • Заголовки в правильном порядке и внятные подписи к ссылкам — то, за что вас любят и читалки, и поисковые роботы.
  • Форма, которую можно заполнить с клавиатуры, — это заявки от людей, которые иначе бы ушли.

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

Коротко

  • Обязательно — государственным и муниципальным организациям; школам и садам требования заданы приказом Рособрнадзора № 1493, а не устаревшим № 831.
  • Требуется доступность всей информации, а не наличие кнопки. Урезанная специальная версия нарушение не закрывает.
  • Скрипт панели закрывает шрифт и цвета; описания к картинкам и документы текстом — ручная работа, и спрашивают именно за неё.
  • Проверить себя можно за пятнадцать минут: масштаб, клавиатура, глубокий раздел, сканы, alt, озвучка на телефоне.
  • Коммерческому сайту это не обязательно, но половина требований — просто признаки нормальной вёрстки.

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

Нужен сайт, а не инструкция?

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

Размещение и домен

Хостинг, SSL, почта, перенос на ваш домен

от 5 000 ₽ 1–2 дня

Доработка под ваш бизнес

Свои тексты, фото, логотип, фирменные цвета

от 10 000 ₽ 1–3 дня

Расширение функционала

Дополнительные секции, формы, калькуляторы, интеграции. Магазин, оплата и личный кабинет — по оценке

от 20 000 ₽ от недели

Реклама и SEO

Настройка рекламы, оптимизация под поиск, аналитика

от 10 000 ₽ в месяц

Цены — за работу. Рекламный бюджет оплачивается отдельно: он уходит напрямую в рекламную систему, а не мне.

Полная таблица — сколько стоит сделать сайт: что входит в цену и от чего она зависит.

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

Что почитать дальше