Веб-доступность — забытая тема в Азербайджане

Веб-доступность (accessibility, a11y) — тема, на которую в Азербайджане смотрят сквозь пальцы. «У нас все видят» — короткий ответ, который слышу регулярно. На самом деле 10–15% пользователей любого сайта имеют те или иные особенности восприятия: слабое зрение, дальтонизм, временные ограничения моторики (сломанная рука), когнитивные особенности. Это не «специальная аудитория», это просто часть ваших клиентов, которых сайт игнорирует.

Что такое WCAG и зачем оно бизнесу

WCAG — Web Content Accessibility Guidelines, международный стандарт доступности. Существует в версиях:

WCAG 2.0 — 2008 год, устарела.
WCAG 2.1 — 2018, текущий рабочий стандарт.
WCAG 2.2 — 2023, актуальная версия.
WCAG 3.0 — в разработке, ещё не финальная.

Уровни соответствия: A (минимум), AA (стандарт), AAA (высший). Для коммерческого сайта целевая планка — WCAG 2.2 AA.

В Азербайджане доступность не закреплена законом, в отличие от:

США (ADA) — обязательно, есть судебные прецеденты.
ЕС (EAA, действует с 28 июня 2025) — обязательно для коммерческих сайтов с доходом 2 млн € и выше.
Великобритания (Equality Act) — обязательно.

Если ваша компания планирует экспорт услуг в ЕС/США после 2025 — доступность становится юридическим требованием.

Кто реально выигрывает от доступного сайта

Не только «инвалиды». Список шире, чем кажется:

Слабовидящие — увеличенный шрифт, контраст.
Слепые — скринридеры NVDA, JAWS, VoiceOver.
Дальтоники (8% мужчин!) — не различают красное и зелёное, что для финансовых интерфейсов критично.
Люди со сломанной рукой — навигация одной рукой, голосом, клавиатурой.
Пожилые — мелкий шрифт и низкий контраст не читаются.
Все, кто использует яркое солнце в Баку летом — слабый контраст на экране телефона на улице исчезает.
Поисковые роботы Google — индексируют структуру так же, как скринридер.

Это не «маленькая ниша». Это 15–25% реальной аудитории любого бакинского сайта.

Шесть конкретных правил, покрывающих 80% случаев

1. Контраст текст/фон не меньше 4.5:1

Светло-серый текст на белом фоне (#999 на #fff = 2.85:1) — нечитаемо. Используйте WebAIM Contrast Checker для проверки. Один час дизайнерской работы поднимает оценку Accessibility с 60 до 90.

2. Alt-тексты для всех картинок

Каждый img должен иметь атрибут alt. Если картинка декоративная — alt="" (пустой, но обязательно). Если содержательная — короткое описание. Скринридер прочитает alt-текст вместо картинки.

3. Фокус виден, клавиатура работает

Откройте сайт, попробуйте пройти его только клавишей Tab. Видите ли вы, на какой элемент сейчас фокус? Можете ли вы открыть меню, заполнить форму, отправить заявку — не трогая мышь?

Если на любом шаге «нет» — это блокер для пользователя с парализованной рукой, временной травмой, или просто привычкой к клавиатуре.

4. Заголовки H1–H6 иерархически

На странице один H1. После него H2, потом H3, потом снова H2 (если новый раздел). Не скачите через уровни — это путает скринридер.

5. Формы связаны с подписями

Каждое поле input должно иметь связанный label. Не просто текст рядом — а for="input-id" или aria-label. Иначе скринридер прочитает «текстовое поле», без объяснения, что туда вводить.

6. Язык страницы указан

В <html> должен быть атрибут lang="ru" или lang="az". Скринридер выбирает голос произношения по этому атрибуту. Без него русский текст читается английским произношением (комично и нечитабельно).

Автоинструменты не заменяют ручной проверки

Lighthouse Accessibility, axe-core, WAVE — все ловят примерно 30–50% реальных проблем. Остальные 50% видны только при ручной проверке:

Лого «Наша компания» — хорошее или плохое описание? Только человек понимает.
Контекст ссылки «нажмите здесь» — без окружающего текста бессмысленно. Только человек понимает.
Видео имеет субтитры? Только человек проверит.

Ручная проверка — это:

Пройти весь сайт клавиатурой, без мыши.
Включить NVDA (бесплатно, Windows) или VoiceOver (macOS) и пройти ещё раз.
Уменьшить размер шрифта браузера до 200% — всё ещё читается?
Включить режим высокого контраста — всё ещё работает?
Дать сайт пожилому родственнику. Заметить, где он запутался.

Стоимость доступного сайта

Если доступность закладывается с самого начала — это +5–10% к стоимости проекта. Это про подбор контрастных палитр, правильную семантику, тестирование клавиатурой.

Если доступность ретрофитится в существующий сайт — это +30–80% от первоначальной стоимости. Часто это означает переделку дизайна, переработку компонентов, перевёрстку форм.

Вывод: проще закладывать в начале, чем добавлять потом.

Реальный эффект на бизнес

Конкретные цифры из практики бакинских проектов:

Доступная форма: завершение формы выросло на 18–35% (потому что пожилые посетители теперь могут её заполнить).
Корректный контраст: время на странице выросло на 25% (читатели больше не уходят из-за плохой читаемости).
Семантическая разметка: позиции в Google поднялись на 5–15% по неконкурентным запросам.
Альт-тексты: трафик с Google Images вырос в 2–4 раза.

Эти цифры не из теории — это реальные замеры на двух бакинских e-commerce-проектах после внедрения базовых правил доступности.

С чего начать

За одну неделю можно поднять оценку Lighthouse Accessibility с 60 до 90:

День 1: проверка контраста, переработка палитры.
День 2: добавление alt-текстов.
День 3: связывание форм с подписями, фокусные состояния.
День 4: иерархия заголовков, lang-атрибут.
День 5: ручная проверка клавиатурой и скринридером.

В Qaynaq доступность — часть стандартного процесса, не отдельная услуга. Если хотите проверить ваш сайт — salam@qaynaq.com.