Аудит доступності сайту за WCAG 2.1 AAA — максимальний рівень

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

Ви помічали, що користувачі зі скринрідерами не можуть заповнити форму на вашому сайті? Або літні клієнти скаржаться на дрібний текст із низьким контрастом? Це типові проблеми, які вирішує аудит доступності за рівнем AAA. Ми знаємо, як виявити такі точки відмови та надати конкретні виправлення.

Ми провели аудит доступності для 50+ сайтів — від державних порталів до банківських додатків. Наш досвід показує: навіть не критичні на перший погляд порушення призводять до втрати до 30% аудиторії з обмеженими можливостями.

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

Які додаткові вимоги з'являються на рівні AAA?

Сприйняття:

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 */ } /* Visual Presentation (1.4.8) — налаштування блоків тексту */ article { max-width: 80ch; line-height: 1.5; } p + p { margin-top: 1.5em; } article { 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 разів на секунду. 2.4.8 Location (AAA) — користувач розуміє, де знаходиться в структурі сайту:

<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> 

Зрозумілість: 3.1.3 Unusual Words (AAA) — механізм пояснення незвичайних слів та жаргону:

<abbr title="Єдиний податок на поставлений дохід">ЕНВД</abbr> <p>Використано метод KPI оцінки.</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?

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

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

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

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

Що входить у роботу

• Детальний звіт із зазначенням кожного порушення WCAG 2.1 AAA та його пріоритету
• Дорожня карта виправлень з оцінкою трудозатрат по кожному пункту
• Рекомендації щодо виправлення з готовими прикладами коду (HTML/CSS/JS)
• Повторна перевірка (регрес) після внесення змін
• Консультація з вашими розробниками щодо складних сценаріїв
• Доступ до нашої бази знань з веб-доступності

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

Наші спеціалісти сертифіковані та мають понад 7 років досвіду в галузі веб-доступності. Ми гарантуємо якість аудиту та надаємо підтримку на всіх етапах виправлення. Зв'яжіться з нами, щоб обговорити ваш проєкт і отримати консультацію щодо обсягу робіт.

W3C Web Content Accessibility Guidelines 2.1 — https://www.w3.org/TR/WCAG21/