Аудит доступности сайта по стандарту WCAG 2.1 (уровень AAA)

Аудит доступности сайта по стандарту WCAG 2.1 (уровень AAA)

WCAG 2.1 AAA — наивысший уровень соответствия стандарту веб-доступности. Включает 28 дополнительных критериев поверх AA. Полное соответствие AAA на всём сайте практически недостижимо и не является целью — W3C прямо указывает это в документе. Используют AAA для критически важных разделов: государственных услуг, медицинских платформ, образовательных сервисов.

Дополнительные критерии AAA (сверх AA)

Воспринимаемость:

1.2.6 Sign Language (AAA) — синхронный перевод видео на жестовый язык.

1.2.7 Extended Audio Description (AAA) — расширенное аудиоописание для видео, где паузы недостаточны для описания действия.

1.4.6 Contrast Enhanced (AAA) — минимальный контраст 7:1 для обычного текста, 4.5:1 для крупного:

/* AAA: 7:1 для основного текста */
body {
    color: #1a1a1a;       /* 17.1:1 на белом ✓ */
    background: #ffffff;
}

.text-secondary {
    color: #595959;       /* 7.0:1 на белом — ровно AAA */
}

1.4.8 Visual Presentation (AAA) — дополнительные требования к блокам текста:

/* Пользователь должен иметь возможность настроить: */
article {
    /* - Ширина не более 80 символов */
    max-width: 80ch;

    /* - Межстрочный интервал минимум 1.5 */
    line-height: 1.5;

    /* - Отступ между абзацами в 1.5× межстрочного */
    p + p {
        margin-top: 1.5em;
    }

    /* - Выравнивание по левому краю, не по ширине */
    text-align: left;
}

1.4.9 Images of Text (AAA) — текст не должен отображаться как изображение (кроме логотипов).

Управляемость:

2.1.3 Keyboard (No Exception) (AAA) — абсолютно все функции с клавиатуры, без исключений. AA допускает исключения для рисования и подобного — AAA не допускает ничего.

2.2.3 No Timing (AAA) — никаких временных ограничений вообще.

2.2.6 Timeouts (AAA) — предупреждать пользователя о таймауте за 20+ секунд.

2.3.2 Three Flashes (AAA) — ничего, что мигает чаще 3 раз в секунду. AA допускает единственный «красный вспыск».

2.4.8 Location (AAA) — пользователь понимает, где находится в структуре сайта:

<!-- Breadcrumbs обязательны и семантически корректны -->
<nav aria-label="Breadcrumb">
    <ol>
        <li><a href="/">Главная</a></li>
        <li><a href="/products">Продукты</a></li>
        <li aria-current="page">Смартфоны</li>
    </ol>
</nav>

2.4.9 Link Purpose — Link Only (AAA) — назначение каждой ссылки понятно из её текста без контекста:

<!-- Нарушает AAA -->
<a href="/read-more">Подробнее</a>

<!-- Соответствует AAA -->
<a href="/products/iphone-15">Смартфон iPhone 15 Pro — подробнее</a>
<!-- или: -->
<a href="/products/iphone-15">
    Подробнее
    <span class="sr-only">о смартфоне iPhone 15 Pro</span>
</a>

Понятность:

3.1.3 Unusual Words (AAA) — механизм объяснения необычных слов и жаргона:

<abbr title="Единый налог на вменённый доход">ЕНВД</abbr>

<!-- Или глоссарий с якорными ссылками -->
<p>Использован метод <a href="/glossary#kpi">KPI</a> оценки.</p>

3.1.4 Abbreviations (AAA) — расшифровка аббревиатур через <abbr>.

3.1.5 Reading Level (AAA) — упрощённая версия контента если уровень выше 9-го класса:

<!-- Дополнительный блок с упрощённым объяснением -->
<details>
    <summary>Упрощённое объяснение</summary>
    <p>Говоря простыми словами: ...</p>
</details>

3.2.5 Change on Request (AAA) — ничего не меняется без явного действия пользователя. Никаких автоматических редиректов, автоматических обновлений контента без запроса.

3.3.4 Error Prevention (All) (AAA) — для любых отправок форм (не только юридических/финансовых): возможность проверить, исправить или отменить.

Методология AAA-аудита

AAA-аудит включает всё из AA плюс:

1. Видеоконтент — субтитры, аудиодескрипция, жестовый язык (при наличии)
2. Ручное тестирование с пользователями — привлечение людей с различными нарушениями
3. Когнитивная доступность — проверка читаемости текста (Flesch-Kincaid, Fog Index)
4. Тест в режиме монохромного отображения — Windows High Contrast Mode

# Flesch-Kincaid читаемость для русского текста
# Инструмент: text.ru/readability — онлайн

# Или через API
curl -X POST https://api.text.ru/post \
    -d "text=ваш текст&userkey=YOUR_KEY&readable=1"

Когда нужен уровень AAA

• Государственные порталы и e-government сервисы
• Медицинские информационные системы
• Образовательные платформы (СДПО, дистанционное обучение)
• Финансовые сервисы с пожилой аудиторией
• Любой сервис, где исключение части пользователей недопустимо по закону

Срок проведения аудита