Проверка навигации и меню сайта на соответствие 168-ФЗ

Навигация — это скелет любого сайта, и при проверке на соответствие 168-ФЗ она анализируется с особой тщательностью. Пункты меню, подменю, хлебные крошки, боковые панели и выпадающие списки — все эти элементы должны быть оформлены на русском языке. КириллоСкан проводит глубокий анализ навигационной структуры сайта, выявляя иноязычные вставки на каждом уровне вложенности.

Типы навигационных элементов, подлежащих проверке

Современные сайты используют разнообразные навигационные паттерны. Сканер КириллоСкан распознаёт и анализирует все основные типы навигации:

• Основное меню (primary navigation) — горизонтальное меню в шапке сайта с главными разделами
• Вторичное меню (secondary navigation) — дополнительные ссылки в верхней панели: языковой переключатель, вход в личный кабинет
• Мегаменю — расширенные выпадающие блоки с категориями, изображениями и описаниями
• Боковая навигация (sidebar) — используется в каталогах, документации, блогах
• Хлебные крошки (breadcrumbs) — цепочка ссылок, показывающая положение пользователя в структуре сайта
• Пагинация — навигация по страницам результатов
• Табы и аккордеоны — внутристраничная навигация между секциями контента
• Мобильное меню (burger menu) — адаптивная навигация для мобильных устройств

Основное меню: частые нарушения

Основное меню сайта — самый заметный навигационный элемент. Оно присутствует на каждой странице и отображается всем посетителям. Именно поэтому иноязычные пункты основного меню классифицируются сканером как нарушения критического уровня.

Распространённые англоязычные пункты меню

Сканер проверяет не только текстовое содержимое ссылок, но и aria-label атрибуты, title-атрибуты и вспомогательные тексты, которые могут быть озвучены программами чтения с экрана.

Мегаменю: многоуровневая проверка

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

<!-- Нарушение: мегаменю с английскими заголовками -->
<nav class="mega-menu">
  <div class="mega-column">
    <h3>Electronics</h3>
    <ul>
      <li><a href="/smartphones">Smartphones</a></li>
      <li><a href="/laptops">Laptops</a></li>
      <li><a href="/accessories">Accessories</a></li>
    </ul>
    <a class="view-all" href="/electronics">View All</a>
  </div>
</nav>

<!-- Корректный вариант -->
<nav class="mega-menu">
  <div class="mega-column">
    <h3>Электроника</h3>
    <ul>
      <li><a href="/smartfony">Смартфоны</a></li>
      <li><a href="/noutbuki">Ноутбуки</a></li>
      <li><a href="/aksessuary">Аксессуары</a></li>
    </ul>
    <a class="view-all" href="/elektronika">Смотреть все</a>
  </div>
</nav>

Промо-блоки внутри мегаменю

Современные мегаменю часто содержат промо-баннеры с рекламными предложениями. Эти элементы также подлежат проверке. Англоязычные акционные слоганы «New Arrivals», «Best Sellers», «Hot Deals» внутри мегаменю — нарушение закона. Корректные варианты: «Новинки», «Бестселлеры» (слово ассимилировано), «Горячие предложения».

Хлебные крошки: скрытые нарушения

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

Типичные ошибки в хлебных крошках

• Начальный элемент «Home» вместо «Главная»
• Категории на английском языке: «Electronics > Smartphones > Apple»
• Служебные слова без перевода: «You are here:» вместо «Вы здесь:»
• Автогенерированные URL-slug'и, отображаемые как текст

Важно: URL-адреса страниц (slug) не подпадают под требования 168-ФЗ — закон регулирует видимый текстовый контент. Однако если slug используется как текст хлебной крошки без преобразования, это может считаться нарушением. Например, хлебная крошка «home > smart-phones > accessories» должна отображаться как «Главная > Смартфоны > Аксессуары».

Вторичная навигация и служебные ссылки

В шапке сайта, помимо основного меню, часто размещаются вспомогательные элементы: переключатель языка, выбор валюты, ссылка на личный кабинет, корзина, поиск. Все текстовые элементы этих компонентов проверяются сканером.

Частые нарушения во вторичной навигации

Мобильная навигация: отдельная проверка

Мобильная версия навигации часто реализуется отдельно от десктопной. Многие разработчики создают два разных набора HTML-элементов: один для десктопа, другой для мобильных устройств. Сканер КириллоСкан проверяет оба варианта, рендеря страницу в разных разрешениях экрана. Подробнее об особенностях мобильного сканирования — в материале о проверке мобильной версии.

Burger-меню и офканвас-панели

Мобильное меню-«бургер» — это скрытый по умолчанию навигационный блок, который открывается по нажатию на иконку. Сканер активирует все скрытые навигационные элементы, чтобы проверить их содержимое. Это важно, потому что мобильное меню может содержать дополнительные пункты, отсутствующие в десктопной версии: «Download App», «Switch to Desktop», «Help Center».

<!-- Мобильное меню с нарушениями -->
<div class="mobile-nav" id="mobileMenu">
  <a href="/">Home</a>
  <a href="/catalog">Shop Now</a>
  <a href="/sale">Sale</a>
  <a href="/account">My Account</a>
  <a href="/help">Help & Support</a>
  <a href="/app">Get the App</a>
</div>

<!-- Корректный вариант -->
<div class="mobile-nav" id="mobileMenu">
  <a href="/">Главная</a>
  <a href="/catalog">Каталог</a>
  <a href="/sale">Распродажа</a>
  <a href="/account">Личный кабинет</a>
  <a href="/help">Помощь и поддержка</a>
  <a href="/app">Скачать приложение</a>
</div>

Боковая навигация в каталогах

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

Фильтры и фасетная навигация

Фильтры товаров — отдельная категория навигационных элементов, часто содержащая иноязычные термины:

• Названия фильтров: «Brand», «Color», «Size», «Price Range»
• Значения фильтров: «Red», «Blue», «Small», «Medium», «Large»
• Кнопки управления: «Apply Filters», «Reset», «Show Results»
• Подсказки: «Select size», «Choose color»

Все эти элементы должны быть на русском языке: «Бренд», «Цвет», «Размер», «Ценовой диапазон», «Красный», «Синий», «S» (размеры одежды — допустимое исключение), «Применить фильтры», «Сбросить», «Показать результаты».

Пагинация и управление списками

Элементы пагинации — навигация по страницам результатов — также подлежат проверке. Сканер анализирует:

• Кнопки «Previous» / «Next» — должны быть «Назад» / «Вперёд» или «Предыдущая» / «Следующая»
• Текст «Page X of Y» — «Страница X из Y»
• Выбор количества элементов: «Show 10 / 25 / 50 per page» — «Показывать 10 / 25 / 50 на странице»
• Текст «Showing results 1-10 of 100» — «Показаны результаты 1-10 из 100»

Навигация по вкладкам (табам)

Вкладки (табы) используются для переключения между разделами контента на одной странице. Текст ярлыков вкладок проверяется сканером как навигационный элемент. Частые нарушения: «Overview», «Specifications», «Reviews», «Delivery» — вместо «Обзор», «Характеристики», «Отзывы», «Доставка».

Технические особенности проверки навигации

Навигационные элементы могут быть реализованы разными способами: стандартные HTML-ссылки, JavaScript-обработчики, SPA-маршрутизация. КириллоСкан учитывает все варианты:

Обнаружение скрытых навигационных элементов

// Алгоритм обнаружения навигационных элементов
// 1. Поиск стандартных навигационных контейнеров
document.querySelectorAll('nav, [role="navigation"]')

// 2. Поиск элементов с навигационными классами
document.querySelectorAll('.nav, .menu, .sidebar, .breadcrumb')

// 3. Активация скрытых элементов
// - клик по burger-иконке
// - hover над пунктами с подменю
// - раскрытие аккордеонов

// 4. Проверка всех текстовых узлов
// включая aria-label, title, alt

Обработка динамической навигации

Многие сайты загружают навигацию динамически через API или генерируют её на клиенте с помощью JavaScript-фреймворков. Сканер дожидается полной загрузки всех навигационных элементов, отслеживая мутации DOM. Это позволяет проверить даже те пункты меню, которые появляются после авторизации или зависят от контекста пользователя.

Исключения для навигационных элементов

Не все иноязычные элементы в навигации являются нарушениями. Существуют допустимые исключения:

1. Названия брендов — торговые марки могут использоваться в оригинальном написании (например, в фильтре по брендам)
2. Технические аббревиатуры — «API», «SDK», «CRM» в навигации раздела документации
3. Международные стандарты — размеры «S», «M», «L», «XL» в фильтрах одежды
4. Переключатель языка — названия языков на соответствующем языке: «English», «Deutsch», «Français»

Интеграция проверки навигации с другими модулями

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

Связанные проверки:

• Подвал сайта — навигационные ссылки в подвале
• Кнопки и CTA — кнопки в навигационных элементах
• Мобильная версия — адаптивная навигация
• Личный кабинет — навигация внутри кабинета

Рекомендации по исправлению навигации

При обнаружении нарушений в навигации рекомендуем следующий порядок действий:

1. Начните с основного меню — это самый критичный элемент, видимый на всех страницах
2. Проверьте мобильную навигацию — она может содержать дополнительные пункты
3. Обновите хлебные крошки — часто генерируются автоматически из URL, нужна настройка CMS
4. Локализуйте фильтры — используйте файлы переводов для систематической замены
5. Проверьте пагинацию — часто используются стандартные компоненты с английским текстом
6. Повторно запустите сканер — убедитесь, что все нарушения устранены

Заключение

Навигация сайта — это основа пользовательского опыта и один из ключевых объектов проверки на соответствие 168-ФЗ. Её уникальность в том, что навигационные элементы присутствуют на каждой странице, а значит, одно нарушение распространяется на весь сайт. КириллоСкан проводит комплексную проверку всех типов навигации — от основного меню до фильтров каталога — и формирует чёткие рекомендации по устранению каждого нарушения. Используйте наш сканер, чтобы убедиться, что навигация вашего сайта полностью соответствует требованиям закона.