Поисковый краулер — функционально слепой пользователь с быстрым интернетом: он не видит дизайн, он парсит структуру документа. Поэтому почти всё, чего требует доступность, — семантика, иерархия, текстовые альтернативы, осмысленные имена ссылок — одновременно является входным сигналом SEO. А с июня 2025-го European Accessibility Act (EAA) делает доступность юридическим требованием для большинства потребительских цифровых сервисов в ЕС: то, что было «неплохо бы», теперь грозит штрафами.
Пересечение: одна правка — два бенефициара
- Иерархия заголовков (
h1→h2→h3, без пропусков, одинh1) — это оглавление, по которому навигируют скринридеры, и структура, по которой краулеры и AI-движки извлекают и цитируют разделы. - Семантические ориентиры (
<nav>,<main>,<article>,<footer>) объясняют и вспомогательным технологиям, и парсерам, что есть что. Суп из<div>хуже ранжируется и заваливает аудиты. - Alt-текст обслуживает скринридеры и поиск по картинкам одной и той же строкой.
- Имена ссылок: «нажмите здесь» не проходит WCAG (ссылка должна быть понятна вне контекста) и выбрасывает сигнал анкора. Одна переформулировка чинит обе проблемы.
- Атрибуты
lang— на<html>и на иноязычных фрагментах — питают и произношение в скринридерах, и определение языка для вашего hreflang. - CLS — проблема доступности прежде, чем метрика: скачки вёрстки сильнее всего бьют по людям с моторными и зрительными ограничениями. Чинить Core Web Vitals — это работа над доступностью.
Доступность — не прямой фактор ранжирования, но её артефакты — парсимая структура, меньший bounce, более широкая аудитория — факторы самые прямые.
Next.js: зашейте это в пайплайн
// .eslintrc — jsx-a11y ловит пропущенные alt, кривые роли и безымянные контролы на этапе PR
{
"extends": ["next/core-web-vitals", "plugin:jsx-a11y/recommended"]
}
next/imageуже требуетalt— не отмывайтесь пустымalt=""на содержательных картинках.- Ставьте
<html lang={locale}>из параметра роута в корневом layout. - Гоняйте Lighthouse accessibility рядом с performance в CI — тулинг тот же, что уже стоит для мониторинга, просто ещё один порог.
- Автоматика ловит ~30–40% проблем WCAG; прохождение главных сценариев только с клавиатуры ловит большую часть остального. Если до элемента не добраться табом — возможно, краулер не доберётся до него ссылками.
EAA: дедлайн, закрывающий дискуссию
С 28 июня 2025 года EAA применяется к e-commerce, банкингу, транспорту, электронным книгам и большинству потребительских цифровых сервисов, продаваемых в ЕС (микропредприятия до 10 сотрудников и €2 млн освобождены). Надзор национальный и работает по жалобам — недоступный чекаут теперь юридический риск, а не пункт бэклога. Практическая планка — WCAG 2.1 AA (через EN 301 549), ровно тот стандарт, в который целятся правки выше.
Чеклист:
- Один
h1на страницу; уровни заголовков без пропусков; семантические ориентиры на месте - У каждой содержательной картинки настоящий alt; каждая ссылка понятна вне контекста
-
langвыставлен из локали на<html>и на иноязычных фрагментах - jsx-a11y в ESLint + порог Lighthouse a11y в CI; главные сценарии пройдены с клавиатуры
- Применимость EAA оценена; потребительские сценарии соответствуют WCAG 2.1 AA