Как подготовить сайт по нормам цифровой доступности: технический аудит по новым требованиям Правительства

Валерия Маламура,

юрист по авторскому праву ГБУК г. Москвы «Москонцерт»

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

В 2026 году перед руководителем учреждения культуры стоит задача привести официальный сайт в соответствие с ГОСТом и новыми нормами цифровой доступности. Проверить сайты учреждений могут Роспотребнадзор, Роскомнадзор и даже прокуратура. Собрали формулировки для техзаданий с требованиями к верстке по ГОСТу, составили инструкции по соблюдению нормативных требований, чтобы избежать санкций и обеспечить доступность информации.

Новый стандарт цифровой доступности

1 марта 2026 года вступило в силу постановление Правительства от 07.02.2026 № 102 «Об утверждении требований к обеспечению для инвалидов по зрению доступности информации о деятельности государственных органов и органов местного самоуправления, содержащейся на официальных сайтах государственных органов, органов местного самоуправления и подведомственных им организаций в сети „Интернет“» (далее — постановление № 102). Документ не касается организаций культуры, у которых нет собственника в виде госоргана или органа местного самоуправления. Для всех остальных учреждений требования постановления № 102 обязательны.

Чек-лист. Обязательные требования к сайтам учреждений культурыПроанализировали нормативные акты по работе с ИИ, которые касаются сферы культуры и собрали их в интерактивную памятку.

Постановление № 102 не содержит отдельного требования об организации «версии для слабовидящих», которая ранее упоминалась в приказе Минцифры от 07.11.2023 № 953. Постановление № 102 заменяет этот документ и устанавливает новый, более комплексный подход: доступность должна быть встроена в основную версию сайта. Переход на отдельную «версию для слабовидящих» — допустимый, но не единственный способ исполнения требований. Однако нужно следить, чтобы основная и альтернативная версии синхронизировались по содержанию. Лучше всего, если ваш сайт изначально будет построен по принципу универсального дизайна, когда он доступен всем без создания альтернативных версий. Постановление № 102 предъявляет четкие технические и содержательные требования к официальному сайту. Изучите чек-лист, по нему за 10 минут проверите сайт учреждения.

Масштабирование

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

Что это значит на практике. Проверьте, как сайт ведет себя при увеличении масштаба. Увеличьте масштаб страницы сочетанием клавиш Ctrl + "+ " или Ctrl + колесико мыши. Если текст выезжает за пределы экрана, кнопки перестают нажиматься или меню становится недоступным, сайт не соответствует требованиям. Важно, чтобы «горизонтальная прокрутка» не появлялась ни при каких обстоятельствах. Если при увеличении сайт ломается − это нарушение. Ваша задача — потребовать от подрядчика два обязательных технических решения: гибкую верстку и использование относительных единиц измерения для текстовых элементов. Гибкая верстка означает, что элементы страницы — текст, колонки, изображения, кнопки — меняют свой размер и положение в зависимости от того, насколько пользователь увеличил страницу. Относительные единицы измерения позволяют браузеру «растягивать» шрифты и блоки без искажений.

Пример. Как сформулировать требование о масштабировании в техзадании

1. Верстка сайта должна быть гибкой (Responsive Web Design). При масштабировании страницы в браузере до 200 процентов все элементы интерфейса (блоки, меню, формы) должны изменять свой размер и перестраиваться, полностью подстраиваясь под новое разрешение экрана без «разрывов» и искажений.
2. Размер шрифта всех текстовых элементов (заголовков, абзацев, подписей кнопок и т. д.) должен быть задан только в «относительных единицах измерения» — rem или em. Использование абсолютных единиц (px, pt) для текста не допускается.
3. При любом масштабе страницы (от 100 до 200 процентов и выше) горизонтальная полоса прокрутки должна отсутствовать. Вся текстовая и графическая информация должна быть доступна для просмотра только с использованием вертикальной прокрутки.

Доступность документов

Требование. Документы, представленные на официальных сайтах, должны быть доступны для чтения при помощи вспомогательных технологий, включая программы экранного доступа. В первую очередь требование касается PDF-файлов. Чтобы обеспечить доступность файлов, документы необходимо разместить в соответствии с положениями ГОСТ Р 70176-2022 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Файлы формата PDF. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности» (далее — ГОСТ Р 70176-2022). Альтернативный вариант — разместить на сайте доступные версии таких документов, например, текстовые файлы или HTML-версии, которые можно читать с помощью программ экранного доступа.

Что это значит на практике. Представьте, что PDF — это картинка. Программа экранного доступа видит ее, но не понимает, где начинается заголовок, где идет абзац, а где таблица. На тегированном PDF все элементы логически размечены, пронумерованы и подписаны. Программа экранного доступа может прочитать пользователю все по порядку. Чтобы PDF стал доступным, он должен содержать тегированную разметку, иметь логическую структуру (заголовки, абзацы, списки) и корректный порядок чтения. Как прописать в техзадании для подрядчика Если у вас нет возможности подготовить правильные PDF-файлы, вы можете пойти альтернативным путем — разместить эти же документы в простом текстовом формате или в HTML-версии. Например, на отдельной странице сайта учреждения с текстовой копией устава или правил приема. При этом альтернативная версия должна быть размещена рядом с исходным PDF-файлом и четко обозначена для пользователя.

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

Пример. Как сформулировать требования к PDF-файлам в техзадании

Все перечисленные ниже требования обязательны к исполнению.

Тег «Заголовок». Основные заголовки документа должны быть размечены тегами H1—H6. В документе нельзя пропускать уровни, например, после H1 сразу идти к H3.
Тег «Абзац». Любой фрагмент текста должен быть обозначен тегом P (параграф).
Тег «Список». Маркированные и нумерованные списки должны быть структурированы.
Тег «Таблица». Заголовки строк и столбцов таблицы должны быть выделены тегом TH. Таблица должна читаться построчно слева направо и сверху вниз.
Тег «Изображение». У каждого содержательного рисунка, фото или схемы должно быть краткое текстовое описание (тег Alt). Декоративные элементы, например разделительные линии, нужно отметить как артефакты, чтобы программа для чтения с экрана их игнорировала.

Заголовки страниц
Требование. Заголовки страниц официальных сайтов должны описывать их тему или цель.

Заголовки страниц официальных сайтов должны описывать их тему и цель

Что это значит на практике. Каждая страница сайта учреждения культуры должна иметь уникальный и содержательный заголовок. Например, «Главная», «Контакты», «Новости» — хорошие заголовки. «Страница 1» или «index.html» — плохие. Программы экранного доступа в первую очередь озвучивают именно заголовок страницы, поэтому он должен быть понятным и отражать суть того, что находится на этой странице. Проверьте заголовки всех ключевых разделов. Заголовок должен быть осмысленным и уникальным, чтобы пользователь не запутался.

Управление динамическим контентом

Требование. Если на официальных сайтах размещается движущаяся, мигающая или автоматически обновляющаяся информация, пользователю должны быть доступны средства управления — возможность приостановить, остановить, скрыть или изменить частоту ее обновления. Контент не должен содержать мигающих элементов, которые могут вызвать дискомфорт (например, более 3 вспышек в секунду). Анимация загрузки допускается, если она необходима для того, чтобы пользователь понимал, что процесс продолжается.

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

• остановить движение;
• скрыть элемент;
• изменить частоту обновления.

Запрещены элементы, которые мигают чаще трех раз в секунду. Быстрое мелькание может вызвать эпилептический припадок у чувствительных людей. Анимация загрузки (например, крутящийся спиннер) допустима, но только если она действительно показывает, что процесс идет. Избегайте автоматически проигрывающихся видео на главной; откажитесь от сверхдинамичных баннеров; добавьте четкие кнопки «Стоп», «Скрыть», «Настройки» для бегущих строк и слайдеров. Проверьте частоту миганий — она должна быть редкой и предсказуемой. Не нужно экспериментировать с визуальными эффектами: если вы не уверены, лучше убрать элемент совсем.

Часто мигающие элементы могут вызвать эпилептический припадок

Что написать в техзадании. Обяжите подрядчика реализовать для любого динамического контента на сайте учреждения кнопки или иные элементы управления. В ТЗ это требование нужно разбить на конкретные подпункты.

Пример. Как сформулировать требование об управлении динамическим контентом в техзадании

1. Для любого движущегося, мигающего или автоматически обновляющегося контента (слайдеры, карусели, бегущие строки, обновляющиеся ленты новостей, всплывающие окна) должен быть реализован визуально очевидный элемент управления (кнопка, переключатель), выполненный в едином стиле с сайтом.

2. Этот элемент управления должен обеспечивать одну из следующих функций на выбор пользователя:
«Пауза» — временная остановка движения с возможностью возобновления.
«Стоп» — полная остановка движения.
«Скрыть» — полное удаление движущегося блока с экрана.
«Настройки» — возможность изменить частоту автоматического обновления информации (например, установить интервал обновления новостной ленты 10, 30 или 60 секунд).

3. Элементы управления не требуются, если движение, мигание или обновление является обязательной частью работы сервиса (например, таймер обратного отсчета до начала онлайн-мероприятия или анимация загрузки файла).

Управление с клавиатуры

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

Программа озвучки текста на экране должна понимать структуру страницы

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

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

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

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

Сайт должен обеспечивать полную функциональность с использованием только клавиатуры

Пример. Как сформулировать требования об управлении с клавиатуры в техзадании

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

2. Любой интерактивный элемент страницы — ссылки, кнопки, поля форм, элементы выпадающих списков, переключатели слайдеров — должен получать фокус при нажатии клавиши Tab (прямой порядок) и Shift Tab (обратный порядок). Активация элемента (переход по ссылке, нажатие кнопки, отправка формы) должна выполняться клавишами Enter или Пробел. Клавишу Enter следует использовать для подтверждения действия, клавишу Пробел — для установки флажка, нажатия кнопки, выбора пункта меню.

3. Текущий элемент, на котором находится фокус, должен иметь четкий видимый индикатор (например, контрастную рамку, изменение цвета фона или подчеркивание). Недопустимо убирать стандартный браузерный индикатор фокуса без предоставления равноценной видимой альтернативы. Индикатор фокуса должен быть заметен на любом фоне страницы.

Читаемый шрифт

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

Что это значит на практике. Шрифты должны быть простыми и разборчивыми. Никаких сложных стилизаций, готических начертаний, излишней курсивности или тонких рубленых шрифтов с маленьким кеглем. Даже если основной шрифт сайта красив с точки зрения дизайна, нужно убедиться, что он читаем при любых условиях. Текст и фон должны достаточно контрастировать по цвету. Например, темно-серый текст на сером фоне — плохо. Черный текст на белом фоне — хорошо. Также учитывайте различимость символов — буквы не должны сливаться друг с другом. Это особенно важно для людей с остаточным зрением или различными формами дислексии.

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

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

Пример. Как прописать требование о читаемом шрифте в техзадании

1. Для основного текстового контента должны использоваться простые, хорошо читаемые шрифты без засечек. Примеры: Arial, Roboto, Open Sans, Tahoma, Verdana.
2. Размер основного текста должен быть не менее 16 px (или 1 rem).
3. Межстрочный интервал для основного текста — не менее 1,5. Отступ между абзацами — не менее межстрочного интервала.

Альтернативное текстовое описание для нетекстового контента

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

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