Доступность сайта (инклюзивная версия): кому обязательна и сколько стоит

Доступность сайта (её часто называют инклюзивной версией или версией для слабовидящих) обязательна в первую очередь для организаций социальной сферы: государственных и муниципальных органов, школ и вузов, учреждений культуры, медицинских организаций, МФЦ и всех, кто оказывает услуги населению по госзаданию. Требование выводят из статьи 14 Федерального закона № 181-ФЗ «О социальной защите инвалидов в Российской Федерации», а технические критерии задаёт ГОСТ Р 52872-2019 - российский стандарт доступности интернет-ресурсов, построенный на международных правилах WCAG. Для частного бизнеса прямой нормы, обязывающей делать сайт доступным, в России нет. По объёму работ: установка и настройка панели доступности занимает 4-16 часов, аудит сайта по ГОСТ - 20-40 часов, приведение типового корпоративного сайта к уровню AA - 60-150 часов. При рыночной ставке студий 3 000-6 000 рублей за час это примерно от 20 000 рублей за панель и от 200 000 рублей за полноценную доработку. Актуально на октябрь 2026 года.

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

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

Доступность (accessibility, A11y) - это свойство сайта, при котором им может пользоваться человек с нарушениями зрения, слуха, моторики или внимания: с экранной лупой, со скринридером, с одной клавиатуры, без мыши, без звука. «Версия для слабовидящих» - это лишь одна из её частей, причём самая заметная и самая переоценённая.

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

По опыту Honey Hunters Digital правильный порядок обратный тому, как обычно делают: сначала доступным делается сам сайт (разметка, контраст, клавиатура, подписи), а панель переключения режимов добавляется сверху как удобство. Тогда и проверка проходится, и люди реально могут пользоваться сайтом. Обратный порядок - панель есть, а под ней недоступный сайт - формально закрывает пункт в акте проверки, но не решает задачу.

Кому доступность сайта обязательна по закону

Прямой федеральной нормы «каждый сайт обязан соответствовать ГОСТ Р 52872-2019» не существует. Обязанность собирается из двух частей: общего требования обеспечивать инвалидам доступ к информации (статья 14 закона № 181-ФЗ, в редакции после закона № 419-ФЗ от 01.12.2014) и отраслевых требований к сайтам конкретных типов организаций. Сам ГОСТ Р 52872-2019 утверждён Росстандартом (приказ от 29.08.2019 № 589-ст) и действует с 1 апреля 2020 года; как любой национальный стандарт, он применяется добровольно, но становится обязательным, когда на него ссылается договор, техническое задание, госконтракт или отраслевое требование.

Отдельно про образование: требования к структуре официального сайта образовательной организации устанавливает Рособрнадзор, и в 2025-2026 годах они обновлялись. Если вы отвечаете за сайт школы или вуза, сверяйтесь с действующей редакцией приказа на момент проверки, а не с чьей-то статьёй в интернете: перечень обязательных разделов и формат публикации документов меняются чаще, чем требования к самой доступности.

И важная оговорка для коммерческих компаний. Отсутствие обязанности не означает отсутствие смысла. По разным оценкам в России живёт порядка 11-12 миллионов людей с инвалидностью, и значительная часть из них - люди с нарушениями зрения, для которых недоступная корзина или форма записи означает потерянную покупку. Плюс к этому доступность пересекается с требованиями поисковых систем: про это ниже отдельный раздел.

Какие проверки и штрафы бывают на практике

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

Базовая статья, на которую ссылаются в таких делах, - статья 9.13 КоАП РФ (уклонение от исполнения требований к обеспечению доступности для инвалидов объектов и предоставляемых услуг). Санкция по ней небольшая: на должностных лиц 2 000-3 000 рублей, на юридических лиц 20 000-30 000 рублей. Практика по сайтам неоднородна, потому что статья писалась в первую очередь про физические объекты и услуги, и трактовки у разных судов отличаются.

Поэтому реальная цена вопроса почти никогда не равна сумме штрафа. Она складывается из другого:

• срочная доработка в режиме «вчера», когда предписание уже получено, а срок - две недели: та же работа обходится дороже спокойной плановой;
• повторная проверка и переписка с надзорным органом, то есть время юриста и руководителя;
• для участников закупок - риск замечаний по контракту, где ГОСТ прописан в техническом задании;
• репутационная история, которая для учреждения культуры или образования обходится дороже тридцати тысяч рублей.

Из нашей практики ведения сайтов государственных заказчиков (Honey Hunters Digital много лет ведёт поддержку сайта Министерства культуры Пермского края) плановая работа по доступности всегда дешевле авральной. Один оплаченный аудит и две-три итерации правок в год снимают тему целиком, тогда как разовая гонка перед проверкой почти всегда заканчивается косметикой, которую потом переделывают.

Что входит в доступность: 10 требований, которые проверяют первыми

Если свести ГОСТ Р 52872-2019 и правила WCAG уровня AA к списку, с которого начинают и проверяющие, и разработчики, получится десять пунктов. Ими закрывается большая часть реальных проблем.

1. Альтернативный текст у изображений. Каждая картинка, несущая смысл, имеет атрибут alt с описанием. Декоративные изображения получают пустой alt, чтобы скринридер их не читал.
2. Контраст текста. Для обычного текста соотношение не ниже 4,5:1, для крупного (от 18 pt или 14 pt полужирный) - не ниже 3:1. Светло-серый текст на белом фоне - самое частое нарушение на корпоративных сайтах.
3. Масштабирование. При увеличении страницы до 200% текст не обрезается и не уезжает за границы блоков, а верстка не рассыпается.
4. Навигация с клавиатуры. Все ссылки, кнопки, поля и меню достижимы клавишей Tab, порядок обхода логичен, а фокус видно: рамка или подсветка активного элемента не убрана стилями.
5. Подписи к полям форм. У каждого поля есть связанный label, а не только серый текст-подсказка внутри поля, который исчезает при вводе и не читается скринридером.
6. Понятные названия ссылок и кнопок. «Подробнее» и «Читать» без контекста - плохо, «Подробнее о поддержке сайтов» - хорошо. Скринридер умеет читать список ссылок страницы отдельно от текста.
7. Структура заголовков. Один h1 на страницу, дальше h2 и h3 по вложенности, без пропусков уровней и без заголовков, назначенных только ради размера шрифта.
8. Семантическая разметка. Кнопка сделана тегом button, а не div с обработчиком клика; у страницы есть области навигации, основного содержимого и подвала.
9. Доступность медиа и документов. К видео нужны субтитры, к аудио - текстовая расшифровка. Отдельная боль - сканы PDF: распоряжение, отсканированное картинкой, для незрячего человека пустая страница, нужен текстовый слой или HTML-версия.
10. Никакого «только цветом». Обязательные поля, ошибки и статусы нельзя обозначать одним цветом: нужен текст, значок или подпись.

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

Почему виджет-панель не равна доступности

Виджет доступности - это скрипт, который добавляет на сайт панель с переключателями шрифта, контраста и отключением изображений. Он закрывает часть требований к «версии для слабовидящих» и ничего не делает с остальными девятью пунктами из списка выше. Готовых скриптов на рынке много, от бесплатных с открытым кодом до платных сервисов по подписке; цены у поставщиков сильно разные, поэтому уточняйте их напрямую, а не по статьям.

Что важно знать до установки:

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

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

Сколько стоит доступность сайта: разбор по строкам

Цена считается не «за инклюзивную версию», а по объёму работ. Ниже вилки в часах по опыту Honey Hunters Digital и рыночные ориентиры по сумме при ставке студий 3 000-6 000 рублей за час. Работы в таблице независимы: обычно берут не всё сразу, а то, что требуется конкретной организации.

Последняя строка - та, про которую забывают в сметах. Доступность не «сдаётся и закрывается»: она держится ровно до следующей партии публикаций. В наших тарифах на поддержку сайта это обычная плановая работа внутри часов: базовый тариф - от 15 000 рублей в месяц за 4 часа работ и «Красную кнопку» для аварий, тариф 51 000 рублей в месяц - час стоит 3 000 рублей и неизрасходованные часы переносятся на следующий месяц, тариф 96 000 рублей в месяц - час 2 900 рублей с переносом часов. Проверка alt и контраста у новых материалов занимает считанные часы в месяц и почти всегда укладывается в уже оплаченный объём.

Что можно сделать бесплатно за один день

Часть пунктов закрывается без бюджета, силами контент-менеджера и верстальщика на поддержке. Это разумное начало: сначала снимаются грубые нарушения, потом считается смета на остальное.

1. Прописать alt у изображений на главной и в основных разделах. Начните с логотипов, баннеров и фотографий в карточках услуг.
2. Поднять контраст самого проблемного текста: серые подписи, текст на фотографиях, подписи в подвале.
3. Вернуть видимый фокус, если он был отключён в стилях. Это одна строка CSS, а эффект для клавиатурного пользователя огромный.
4. Переписать ссылки вида «Подробнее» и «Здесь» на осмысленные формулировки.
5. Проверить заголовки: один h1, дальше без пропусков уровней.
6. Выложить HTML-версии или текстовые дубли для самых важных документов, которые сейчас лежат сканами в PDF.
7. Добавить подписи к полям форм там, где сейчас только подсказка внутри поля.

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

Как проверить доступность своего сайта самостоятельно

Полноценный аудит делают вручную и с ассистивными технологиями, но первичную картину вы получите сами за вечер. Порядок такой.

1. Уберите мышь. Пройдите главную страницу и одну форму только клавишей Tab. Видно ли, где фокус? Можно ли отправить заявку, не касаясь мыши? Можно ли закрыть всплывающее окно?
2. Запустите автоматическую проверку. Lighthouse во встроенных инструментах браузера или любой онлайн-валидатор доступности покажет alt, контраст и часть разметки. Автоматика ловит примерно треть проблем, но делает это бесплатно и за минуту.
3. Проверьте контраст. Прогоните основные цвета текста и кнопок через любой контраст-чекер и сверьте с порогами 4,5:1 и 3:1.
4. Увеличьте страницу до 200%. Нажмите Ctrl и плюс несколько раз. Текст должен переноситься, а не обрезаться.
5. Включите скринридер. На Windows подойдёт бесплатный NVDA, на macOS - встроенный VoiceOver. Послушайте главную страницу минуту. Если вместо описаний вы слышите «изображение», «ссылка», «кнопка» без названий, у вас проблемы с разметкой, а не с панелью.
6. Откройте сайт в режиме «версии для слабовидящих». Проверьте, не рассыпается ли верстка и работает ли сама панель с клавиатуры.
7. Посмотрите на документы. Откройте два-три PDF и попробуйте выделить в них текст. Не выделяется - значит, это картинка, и для незрячего пользователя документа не существует.

Результат этого прохода - готовый список задач для подрядчика. С ним разговор про смету становится предметным: вы не покупаете «инклюзивную версию» неизвестного объёма, а заказываете конкретные правки.

Доступность и SEO: где они совпадают

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

• alt у изображений - это и требование доступности, и источник трафика из поиска по картинкам;
• структура заголовков h1-h2-h3 помогает и скринридеру, и поисковому роботу понять, о чём страница;
• осмысленные анкоры ссылок передают вес нужным страницам: «Подробнее» не передаёт ничего;
• семантические теги и корректная верстка улучшают разбор страницы роботом;
• текстовые версии документов вместо сканов попадают в индекс, а PDF-картинка не попадает никогда;
• субтитры к видео дают текст, который можно найти в поиске.

Поэтому в проектах по SEO-продвижению сайтов Honey Hunters Digital правит эти вещи всё равно, даже когда задачи «сделать доступность» в брифе нет. Если вам нужна доступность и рост трафика одновременно, разумно объединить работы в один спринт: исполнитель один раз проходит по шаблонам и закрывает оба списка. Дополнительно помогает микроразметка schema.org: она не входит в требования доступности, но живёт в том же слое разметки и правится теми же руками.

Как не потерять доступность через полгода после сдачи

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

Первое - правило для редакции. Один абзац в инструкции контент-менеджера: картинка без alt не публикуется, документ сканом не публикуется, цвет текста берётся только из фирменной палитры. Это дисциплина, а не технология.

Второе - проверка в составе поддержки. Раз в месяц подрядчик прогоняет автоматический чек и глазами смотрит новые страницы. Час работы, зато без сюрпризов перед проверкой. Если вы сравниваете варианты, у кого это делать, у нас есть отдельный разбор про поддержку своими силами или на аутсорсе.

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

Отдельно про редизайн: это лучший момент заложить доступность и худший момент про неё забыть. Когда дизайнер уже нарисовал светло-серые подписи на белом, а заказчик согласовал макеты, переделка стоит дороже, чем один вопрос про контраст на этапе первых эскизов.

Шесть ошибок, которые мы видим чаще всего

1. Панель вместо доступности. Кнопка с глазом стоит, а под ней сайт, по которому нельзя пройти с клавиатуры. Формально закрыто, фактически нет.
2. Отключённый фокус. Дизайнеру не нравилась рамка вокруг кнопок, и её убрали в стилях. Для клавиатурного пользователя сайт превратился в игру в слепую.
3. Сканы вместо документов. Приказы, тарифы и расписания выложены картинками в PDF. Это одновременно и нарушение доступности, и потерянный поисковый трафик.
4. Текст на фоновых фотографиях. Контраст в баннере зависит от того, какая фотография сегодня загружена. Решается подложкой или затемнением, а не правкой каждой картинки.
5. Доступность только на главной. Проверяющий открывает главную, но пользователь идёт в раздел услуг, в форму записи и в документы. Доработку надо делать по шаблонам, а не по одной странице.
6. Разовая доработка без поддержки. Сайт привели в порядок, через полгода он вернулся в исходное состояние, потому что никто не следил за публикациями.

Чек-лист: 12 пунктов перед проверкой или перед заказом работ

Пройдите по списку и отметьте то, что уже есть. Непомеченные пункты - и есть ваше техническое задание.

1. Все смысловые изображения имеют alt, декоративные - пустой alt.
2. Контраст основного текста не ниже 4,5:1, крупного - не ниже 3:1.
3. Страница корректно работает при увеличении до 200%.
4. Весь сайт проходится клавишей Tab, фокус видно на каждом элементе.
5. У всех полей форм есть подписи, а сообщения об ошибках - текстовые.
6. Названия ссылок и кнопок понятны вне контекста.
7. На странице один h1, уровни заголовков идут без пропусков.
8. Кнопки и меню сделаны семантическими тегами, а не div с обработчиком.
9. Важные документы доступны как текст или HTML, а не только сканом.
10. Видео снабжены субтитрами, аудио - расшифровкой.
11. Статусы и ошибки обозначены не только цветом.
12. Панель доступности (если она есть) работает с клавиатуры и не ломает верстку.

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

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

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

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

Достаточно ли поставить виджет доступности, чтобы пройти проверку?
Иногда достаточно, если проверяют формально и сайт изначально сделан аккуратно. Но виджет закрывает только часть требований: он не исправляет отсутствие alt, недоступные формы, сканы вместо документов и невозможность пройти сайт с клавиатуры. По опыту Honey Hunters Digital надёжнее сначала аудит, потом правки, и только потом панель.

Сколько стоит сделать сайт доступным?
По объёму работ: панель - 4-16 часов, аудит - 20-40 часов, приведение типового корпоративного сайта к уровню AA - 60-150 часов. В деньгах на рынке это примерно от 20 000 рублей за панель, от 70 000 рублей за аудит и от 200 000 рублей за полную доработку при ставке 3 000-6 000 рублей за час. Точная сумма зависит от числа шаблонов и форм.

Какой штраф за недоступный сайт?
Чаще всего дело идёт по статье 9.13 КоАП РФ: 2 000-3 000 рублей на должностное лицо и 20 000-30 000 рублей на организацию. Но главный риск не штраф, а предписание с коротким сроком и срочная доработка, которая обходится дороже плановой.

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

Доступность помогает SEO?
Да, частично. Атрибуты alt, корректная структура заголовков, осмысленные анкоры ссылок, семантическая верстка и текстовые версии документов вместо сканов одновременно нужны и людям с ассистивными технологиями, и поисковым роботам. Прямым фактором ранжирования доступность не является, но перечисленные работы влияют на индексацию и поведенческие метрики.