| Критерій | Посилання на WCAG 2.1 |
Посилання на гайди | Тестування | |
|---|---|---|---|---|
| 1 | Достатня контрастність текстів і нетекстових елементів. | 1.4.3, 1.4.11 | ⚙️🖐️ | |
| 2 | Достатня видимість посилань у тексті, і завдяки не лише кольору. | 1.4.1 | ⚙️🖐️ | |
| 3 | Наявність альтернативного тексту у всіх зображень. | 1.1.1 | ⚙️🖐️ | |
| 4 | Наявність доступного тексту у всіх гіперпосилань. | 2.5.3, 4.1.2 | ⚙️ | |
| 5 | Наявність текстових міток у всіх кнопок. | 2.5.3, 4.1.2 | ⚙️ | |
| 6 | Наявність текстових міток у всіх полів форм. | 2.5.3, 4.1.2 | ⚙️ | |
| 7 | Програмне визначення основної мови сторінки чи її ділянок. | 3.1.1, 3.1.2 | ⚙️ | |
| 8 | Відсутність помилок у коді сторінки. | 4.1.1 | ⚙️ | |
| 9 | Є механізм швидкого переходу до основного вмісту сторінки. | 2.4.1 | 🖐️ | |
| 10 | Маркування фокуса клавіатури. | 2.4.7 | 🖐️ | |
| 11 | Підтримка керування за допомогою клавіатури. | 2.1.1, 2.1.2, 2.1.4 | 🖐️ | |
| 12 | Інтерактивним елементам вказано належні назву, роль і значення. | 4.1.2 | 🖐️ | |
| 13 | Належні повідомлення про статуси. | 4.1.3 | 🖐️ | |
| 14 | Належні повідомлення про помилки. | 3.3.1 | 🖐️ | |
| 15 | Належне оформлення таблиць даних. | 1.3.1, 2.4.6, 4.1.2 | ⚙️🖐️ | |
| 16 | Адаптивність. | 1.4.10 | 🖐️ | |
| 17 | Про анімації, спалахи. | 2.3.1 | ⚙️🖐️ | |
| 18 | Заголовки застосовуються послідовно. |
💎
хороша
практика |
⚙️🖐️ | |
| 19 | Сторінка семантично розмічена. |
💎
хороша
практика |
⚙️🖐️ |
Вищенаведена таблиця наразі неповна. Ось список критеріїв успішності WCAG за рівнями A і AA, за якими слід здійснювати перевірку сайту на доступність:
1.1.1, 1.2.1, 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.3.1, 1.3.2, 1.3.3, 1.3.4, 1.3.5, 1.4.1, 1.4.10, 1.4.11, 1.4.12, 1.4.13, 1.4.2, 1.4.3, 1.4.4, 1.4.5, 2.1.1, 2.1.2, 2.1.4, 2.2.1, 2.2.2, 2.3.1, 2.4.1, 2.4.2, 2.4.3, 2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.5.1, 2.5.2, 2.5.3, 2.5.4, 3.1.1, 3.1.2, 3.2.1, 3.2.2, 3.2.3, 3.2.4, 3.3.1, 3.3.2, 3.3.3, 3.3.4, 4.1.1, 4.1.2, 4.1.3