Аудит доступності сайту за стандартом 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) — попередити користувача про timeout 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="Пошукова оптимізація">SEO</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 читаність для українського тексту
# Онлайн інструменти для перевірки читаності

Коли потрібен рівень AAA

• Державні портали та e-government сервіси
• Медичні інформаційні системи
• Освітні платформи (дистанційне навчання)
• Фінансові сервіси з похилою аудиторією
• Будь-який сервіс, де виключення частини користувачів недопустимо за законом

Часові рамки проведення аудиту