Кнопка — один из самых важных элементов любого государственного портала. Именно через неё гражданин отправляет обращение, ищет документ, записывается на приём или скачивает бланк. В этой статье разберём, какие кнопки встречаются на сайтах органов власти, почему они устроены именно так, и как их реализовать технически.
Зачем на правительственном сайте нужны кнопки
Официальные ресурсы, например портал Правительства Российской Федерации (government.ru), ежедневно посещают тысячи людей. Основные задачи, которые решают кнопки:
- Поиск по сайту — кнопка «Найти» рядом со строкой поиска;
- Подача обращения — переход к форме электронного приёма;
- Отправка формы — подтверждение введённых данных;
- Скачивание документов — постановления, распоряжения, бланки;
- Подписка на новости, получение обновлений портала.
Почему кнопка, а не ссылка?
Этот вопрос часто обсуждают веб-разработчики. Дело в семантике и техническом поведении:
- Ссылка (<a>) по умолчанию выполняет GET-запрос и предназначена для навигации — перехода на другую страницу.
- Кнопка (<button> или <input type=»submit»>) предназначена для действия — отправки формы, запуска скрипта, подтверждения операции.
Поисковая строка, это часть формы, поэтому и команда «Найти» оформляется кнопкой: пользователь отправляет запрос, а не просто переходит по адресу. Для государственных сайтов это ещё и вопрос доступности: скринридеры корректно озвучивают кнопки, что важно для людей с ограниченными возможностями (требования ГОСТ Р 52872 и WCAG).
Как технически сделать кнопку поиска
<input id=»search-input» type=»text» placeholder=»Поиск по сайту» />
<button id=»search-button»>Найти</button>
JavaScript-обработчик:
const searchButton = document.querySelector(‘#search-button’);
const searchInput = document.querySelector(‘#search-input’);
searchInput.addEventListener(‘input’, => {
const query = encodeURIComponent(searchInput.value);
});
Такой подход позволяет динамически формировать адрес поисковой выдачи по мере ввода текста.
Требования к кнопкам на государственных порталах
Вебмастера государственных сайтов (эту тему, кстати, регулярно обсуждают на конференциях Национальной ассоциации правительственных вебмастеров NAGW и в блоге Google Search Central) выделяют ключевые требования:
- Контрастность, кнопка должна быть заметна, соотношение контраста не менее 4.5:1;
- Понятная подпись, «Отправить обращение» вместо абстрактного «ОК»;
- Доступность с клавиатуры — фокус по Tab и активация по Enter;
- Защита от повторной отправки, блокировка кнопки после нажатия;
- Адаптивность, удобное нажатие на мобильных устройствах (минимум 44×44 пикселя).
Где искать официальные порталы
Официальный сайт Правительства Российской Федерации: government.ru. Также правовая информация публикуется на Официальном интернет-портале правовой информации (publication.pravo.gov.ru). За методическое сопровождение отвечают профильные институты, например Институт законодательства и сравнительного правоведения при Правительстве РФ (адрес: г. Москва, ул. Большая Черёмушкинская, д. 3; справочный телефон: +7 (495) -2—**).
Кнопка на сайте правительства — это не просто декоративный элемент, а точка взаимодействия гражданина с государством. Правильно свёрстанная, доступная и понятная кнопка повышает доверие к порталу и упрощает получение государственных услуг в электронном виде.