WCAG 2.2 чеклист

Всі зображення, іконки та нетекстові елементи мають текстові альтернативи (alt-текст).

Попередньо записане аудіо/відео має текстову розшифровку або аудіоопис.

Все попередньо записане відео з аудіо має синхронізовані субтитри.

Відеоконтент має аудіоопис для візуальної інформації.

Використовується семантичний HTML: заголовки, списки, таблиці, landmarks, мітки форм.

Порядок читання є логічним при вимкненому CSS.

Інструкції не покладаються лише на форму, розмір, положення або колір.

Колір не є єдиним способом передачі інформації.

Текст має коефіцієнт контрасту мінімум 4.5:1 (3:1 для великого тексту).

Текст можна збільшити до 200% без втрати контенту.

Використовується справжній текст замість зображень тексту.

Весь функціонал доступний через клавіатуру.

Фокус клавіатури можна переміщити з будь-якого компонента.

Часові обмеження можна продовжити, вимкнути або налаштувати.

Контент не мигає більше 3 разів на секунду.

Доступне посилання пропуску навігації або landmark-регіони.

Кожна сторінка має описовий, унікальний заголовок.

Порядок фокусу є логічним та інтуїтивним.

Текст посилання описує призначення (без 'натисніть тут').

Індикатор фокусу клавіатури чітко видимий.

Складні жести мають прості альтернативи.

Мова сторінки вказана в атрибуті lang.

Зміни мови в контенті позначені.

При отриманні фокусу елементом не відбувається неочікуваних змін.

Зміна поля форми не викликає неочікуваних змін контексту.

Помилки форми чітко ідентифіковані та описані текстом.

Поля форм мають мітки або інструкції.

Кастомні UI-компоненти передають ім'я, роль та стан допоміжним технологіям.

Повідомлення про статус оголошуються screen reader без зміни фокусу.