Разработка официального сайта администрации (органа государственной власти или органа местного самоуправления), это сложный процесс‚ строго регламентированный законодательством РФ. В отличие от коммерческих проектов‚ здесь на первый план выходят доступность‚ безопасность‚ прозрачность информации и соответствие государственным стандартам (ГОСТ); На года требования к таким ресурсам продолжают ужесточаться‚ делая акцент на инклюзивности и технической стандартизации.
Нормативно-правовая база: фундамент проекта
Любая разработка должна начинаться с изучения ключевых документов. Несоблюдение их требований влечет за собой административную ответственность и невозможность принятия сайта в эксплуатацию.
- 8-ФЗ «Об обеспечении доступа к информации о деятельности государственных органов и органов местного самоуправления» (ст. 10). Обязывает размещать на официальных сайтах информацию о деятельности органа власти. С 1 января 2016 года введено обязательное требование иметь версию сайта для слабовидящих граждан.
- 181-ФЗ «О социальной защите инвалидов в Российской Федерации» (ст. 3.1); Устанавливает право инвалидов на беспрепятственный доступ к информации‚ в т.ч. через интернет-ресурсы.
- ГОСТ Р 52872-2012 «Интернет-ресурсы. Требования доступности для инвалидов по зрению». Основной технический стандарт‚ определяющий 3 уровня доступности: А (минимальная)‚ АА (полная)‚ ААА (высшая). Для госсайтов обязательным является как минимум уровень АА.
- ГОСТ Р 52872-2019 — актуализированная версия стандарта‚ расширяющая требования к мобильной доступности и современным технологиям.
- Постановление Правительства РФ № 583 (Правила размещения информации). Регламентирует структуру разделов‚ сроки публикации и порядок обновления данных.
- ФЗ-152 «О персональных данных». Критически важен при реализации модулей обратной связи‚ личных кабинетов граждан‚ электронной очереди и т.д.
Ключевое требование: Доступность для маломобильных граждан (Версия для слабовидящих)
Это не просто «галочка» для проверки‚ а полноценный функциональный режим сайта. По данным экспертов (Синапс‚ IDL‚ Cetera Labs)‚ версия для слабовидящих должна быть реальным инструментом‚ а не формальностью.
Основные технические требования (по ГОСТ Р 52872-2012/2019):
- Управление с клавиатуры: Все интерактивные элементы (меню‚ ссылки‚ кнопки‚ формы) должны быть доступны и управляемы только с клавиатуры (Tab‚ Enter‚ стрелки). Фокус должен быть визуально очевиден.
- Контрастность и масштабирование: Соотношение контраста текста и фона не менее 4.5:1 (уровень AA). Текст должен масштабироваться до 200% без потери функционала и горизонтальной прокрутки.
- Текстовые альтернативы (alt): Все нетекстовый контент (изображения‚ графики‚ капчи‚ медиа) должен иметь текстовую альтернативу‚ передающую суть информации.
- Семантическая верстка (ARIA): Правильное использование тегов заголовков (h1-h6)‚ списков‚ таблиц‚ landmarks (header‚ nav‚ main‚ footer)‚ атрибутов
aria-label‚roleдля работы скринридеров (NVDA‚ JAWS‚ VoiceOver). - Пропуск блоков навигации: Наличие ссылки «Перейти к основному контенту» (Skip to main content) в самом верху кода.
- Отказ от вспышек и автовоспроизведения: Контент не должен вызывать приступы (вспышки > 3 Гц). Аудио/видео не должны начинаться автоматически.
Способы реализации:
- Отдельный поддомен/подпапка (например‚
vision.admin.ruилиadmin.ru/version-for-blind) с упрощенным дизайном (высокий контраст‚ крупный шрифт‚ линейная структура). - Виджет/Плагин переключения (панель доступности)‚ меняющий CSS-свойства «на лету» (смена контраста‚ шрифта‚ интерлиньяжа‚ отключение картинок/анимаций). Важно: виджет не заменяет полноценную адаптивную верстку‚ а дополняет её.
- Полная адаптация основного шаблона (Responsive + Accessible First). Современный подход: один кодовая база‚ доступная по умолчанию без отдельных версий.
Технический стек и платформа (CMS)
Практика разработки (например‚ подход агентств вроде «Синапс» или YuSMP Group) показывает предпочтение проверенным‚ сертифицированным решениям.
- 1С-Битрикс (Bitrix): Самый популярный выбор для госзаказов. Имеет сертификат ФСТЭК (для КСЗ — критических информационных инфраструктур)‚ модуль «Доступность» из коробки‚ поддержку ГОСТ Р 52872‚ интеграцию с ЕПГУ/РПГУ (Госуслуги).
- WordPress / Joomla / Drupal: Допустимы‚ но требуют глубокой доработки ядра и плагинов для соответствия ГОСТ и требованиям ФСТЭК/ФСБ (защита ПДн). Часто используются для менее критичных подведомственных организаций.
- Специализированные ГОС-платформы (например‚ «Госвеб»‚ решения на базе OpenSource с сертификацией).
Обязательные технические характеристики хостинга/сервера:
- Размещение на территории РФ (суверенитет данных).
- SSL-сертификат (ГОСТ TLS / TLS 1;2+)‚ валидный‚ выданный аккредитованным УЦ (например‚ Минцифры‚ Контур‚ ГлобалСайн).
- Защита от DDoS (L3-L7)‚ WAF (Web Application Firewall).
- Резервное копирование (бэкапы) с заданным RPO/RTO.
- Соответствие требованиям к КСЗ (если ресурс входит в реестр)‚ включая средства защиты информации (СЗИ) сертифицированные ФСТЭК/ФСБ.
Структура и функциональные модули (согласно Постановлению № 583)
Сайт администрации должен иметь строго определенную структуру разделов. Отсутствие обязательных разделов — грубое нарушение.
| Обязательный раздел | Ключевой контент / Функционал |
|---|---|
| Сведения об органе власти | Руководитель (* * )‚ структура‚ устав‚ контакты (адрес: ‚ тел: ‚ email: @*.ru)‚ реквизиты. |
| Нормативные правовые акты | Поиск по документам‚ фильтры по дате/типу‚ версии документов (проект/принятый)‚ связь с ЭНП (Единая нормативная база). |
| Деятельность / Структура | Департаменты‚ комитеты‚ управы. Персоналии руководителей (* * *)‚ контакты подразделений. |
| Градостроительство / Земельные отношения | ПГПЗ‚ ГПЗУ‚ публичные слушания (календарь‚ протоколы)‚ карты (ГИС интеграция). |
| Обратная связь / Обращения граждан | Интеграция с РОИВ (Региональная система обращений) / ФАС «Обращения граждан»‚ личный кабинет заявителя‚ отслеживание статуса. |
| Муниципальные услуги / Административные регламенты | Реестр услуг‚ регламенты (сроки‚ основания‚ результат)‚ переход на ЕПГУ/РПГУ для оформления «в 1 клик». |
| Отчетность / Прозрачность бюджета | Исполнение бюджета‚ закупки (44-ФЗ/223-ФЗ‚ интеграция с ЕИС)‚ отчеты о выполнении программ. |
| Антикоррупция / Общественный контроль | Декларации доходов (* * *)‚ реестр уведомлений‚ планы проверок. |
| Новости / Мероприятия / Пресс-центр | Лента новостей‚ фото/видеогалерея (с субтитрами/аудиоописанием)‚ RSS‚ рассылка. |
| Поиск по сайту | Морфологический поиск‚ фильтры по разделам/типам файлов‚ исправление опечаток. |
Этапы разработки: от ТЗ до сдачи-приемки
- Препроектное обследование и ТЗ (Техническое задание).
- Аудит текущего сайта (если есть) на соответствие ГОСТ/583-ПП.
- Сбор требований заказчика (заказчик — администрация‚ куратор — департамент ИТ / пресс-служба).
- Согласование ТЗ с юристами и ИБ (информационной безопасностью).
- Проектирование (UX/UI).
- Прототипы (Wireframes) всех уникальных страниц.
- Дизайн-система: типографика‚ цветовая палитра (с проверкой контраста WCAG 2.1 AA)‚ иконки.
- Мобильный первый (Mobile First) подход.
- Согласование макетов с заказчиком (акты приема-передачи макетов).
- Верстка и программирование (Frontend/Backend).
- Реализация компонентов: сложные формы (калькуляторы налогов‚ запись на прием)‚ карты (Яндекс.Карты / 2ГИС API с доступными маркерами)‚ таблицы данных (сортировка‚ экспорт в CSV/XLSX);
- Настройка CMS: права доступа ролей (админ‚ редактор департамента‚ модератор‚ СЭО-специалист).
- Интеграции: ЕПГУ/РПГУ (СМЭВ 3)‚ ЕИС (закупки)‚ ГИС ЖКХ/ГИС ОГД‚ РОИВ‚ реестры персоны.
- Наполнение контентом (Миграция данных).
- Перенос архива документов (PDF/A формат‚ OCR-слой для поиска).
- Создание карточек услуг‚ структуры‚ новостей.
- Подготовка контента для версии для слабовидящих (проверка alt-тегов‚ заголовков).
- Тестирование (QA) — критически важный этап.
- Функциональное: все формы‚ ссылки‚ фильтры‚ личный кабинет.
- Доступность (Accessibility Audit): Автоматические чекеры (axe-core‚ WAVE‚ Яндекс.Практикум чекер) + Ручное тестирование скринридерами (NVDA + Firefox/Chrome‚ JAWS) и только клавиатурой.
- Нагрузочное: эмуляция пиковых нагрузок (например‚ период приема в школы/сады‚ налоговые дедлайны).
- Безопасность (Пентест / Сканирование уязвимостей): OWASP Top 10‚ проверка настроек сервера‚ CMS‚ защита от XSS/SQLi/CSRF.
- Кроссбраузерность / Кроссплатформенность: Chrome‚ Firefox‚ Safari‚ Яндекс.Браузер (последние 2 версии)‚ iOS Safari‚ Android Chrome.
- Пилотная эксплуатация / Демонстрация заказчику.
- Работа на тестовом контуре (staging).
- Обучение контент-менеджеров администрации (видеоинструкции‚ пользовательское руководство).
- Подписание Акта приема-передачи результатов работ (КС-11 / Акт приема-передачи неисключительных прав).
- Запуск (Go Live) и сопровождение.
- Переключение DNS (A-записи)‚ настройка HTTPS редиректов‚ HSTS.
- Индексация в Яндекс.Вебмастере / Google Search Console (файл sitemap.xml‚ robots.txt).
- Техподдержка (SLA: время реакции на инциденты критической важности — 1-4 часа).
- Обновления безопасности CMS/модулей/ОС сервера (патч-менеджмент).
Типовые ошибки и риски (Lessons Learned)
- «Версия для слабовидящих, это просто кнопка увеличения шрифта». Миф. Кнопка не решает проблемы семантики‚ фокуса‚ ARIA-ролей‚ контраста сложных компонентов (слайдеры‚ табы‚ модалки).
- Игнорирование мобильной версии. По статистике‚ >60% трафика госсайтов — мобильный. Адаптивность — требование ГОСТ Р 52872-2019 и удобство граждан.
- PDF-лавина без OCR. Тысячи сканированных приказов/постановлений как картинки. Неиндексируются‚ нечитаются скринридерами‚ не масштабируются. Решение: только PDF/A с текстовой версией.
- Сложные таблицы без заголовков (th) и scope. Нечитаемые для незрячих пользователей.
- Капча в формах обратной связи. Классическая картинка с текстом блокирует доступ слепых. Решение: hCaptcha / reCAPTCHA v3 (невидимая) или логические задачки / SMS-подтверждение через ЕСИА.
- Отсутствие интеграции с ЕПГУ/РПГУ. Гражданин должен переходить на Госуслуги для получения услуги‚ а не скачивать бланк‚ заполнять рукой и нести в * (адрес администрации).
- Хранение персональных данных в открытом виде / в логах / в бэкапах без шифрования. Нарушение 152-ФЗ‚ штрафы Роскомнадзора.
Чек-лист приемки сайта администрацией (для подписания Акта)
Перед подписанием акта приема-заказчик (или уполномоченное лицо *) должен проверить:
- [ ] Соответствие структуры сайта Приложению к Постановлению № 583.
- [ ] Наличие и работоспособность версии для слабовидящих (проверка по чек-листу ГОСТ Р 52872-2019 уровня АА).
- [ ] Валидный SSL-сертификат (ГОСТ/RSA)‚ оценка SSL Labs — A/A+.
- [ ] Работа всех форм обратной связи‚ интеграция с РОИВ/ЕПГУ (тестовые обращения проходят полный цикл).
- [ ] Корректная работа поиска (находит документы по номеру‚ дате‚ ключевым словам).
- [ ] Адаптивность на реальных устройствах (iOS/Android‚ планшеты).
- [ ] Скорость загрузки (Core Web Vitals: LCP < 2.5с‚ CLS < 0.1‚ INP < 200мс).
- [ ] Отсутствие критических уязвимостей по отчету сканера безопасности / пентеста.
- [ ] Настроены цели Яндекс.Метрики / Google Analytics 4 (с учетом 152-ФЗ: анонимизация IP‚ согласие на cookies).
- [ ] Переданы доступы: CMS (админка)‚ сервер (SSH/панель)‚ DNS‚ репозиторий кода (Git)‚ документация (API‚ БД‚ инструкции).
- [ ] Подписаны все необходимые акты: КС-2‚ КС-3‚ Акт приема-передачи ИИР (Исключительных прав) / неисключительных прав‚ Акт сдачи-приемки ТЗ.
Стоимость и сроки (ориентировочные рыночные показатели на 2026 год)
Цена формируется от сложности интеграций‚ объема миграции данных и требований ИБ.
- Базовый сайт администрации (Битрикс‚ типовая структура‚ версия для слабовидящих‚ адаптив‚ базовые интеграции): от * 000 руб. (срок: 3-4 месяца).
- Продвинутый портал (Личный кабинет гражданина‚ сложные калькуляторы‚ ГИС-интеграции‚ высоконагруженная архитектура‚ сертификация ФСТЭК 3/4 класс): от * 000 000 руб. (срок: 6-12 месяцев).
- Техподдержка в месяц: от * 000 руб. (мониторинг‚ бэкапы‚ обновления‚ контент-помощь).
Примечание: Точная стоимость рассчитывается только после детальной проработки ТЗ. Контакты коммерческого отдела исполнителя: тел. ‚ email @*.ru.
Создание сайта для администрации — это проект уровня «Государственная информационная система» (ГИС) или ресурса‚ входящего в состав КСЗ. Успех определяется не красотой дизайна‚ а строгим соблюдением законодательства (8-ФЗ‚ 181-ФЗ‚ 152-ФЗ‚ 583-ПП)‚ соответствием ГОСТ Р 52872 (доступность)‚ безопасности данных (ФСТЭК/ФСБ) и удобством для конечного пользователя — гражданина.
Рекомендуется привлекать подрядчиков с подтвержденным опытом сдачи госсайтов (портфолио с .gov.ru / .adm.ru доменами)‚ наличием лицензии ФСТЭК на деятельность по технической защите конфиденциальной информации (если требуется) и готовностью предоставить полную техническую документацию для экспертизы.
Статья подготовлена на основе актуальных на требований законодательства РФ и практики разработки веб-ресурсов для органов власти. Данные о конкретных исполнителях‚ адресах и контактах частично замаскированы (*) в целях безопасности.