Чек-лист аудиту доступності
Критерії перевірки (WCAG 2.2)
- •Focus Appearance (2.4.13): Чи є видимий індикатор фокусу? Чи має він достатній контраст?
- •Focus Not Obscured (2.4.11, 2.4.12): Чи не перекривається елемент у фокусі "липкими" (sticky) елементами? Перевір наявність
scroll-padding-top. - •Target Size (2.5.8): Чи мають клікабельні елементи розмір мінімум 24x24 CSS пікселів (краще 44x44)?
- •Contrast (1.4.3): Чи є контраст тексту мінімум 4.5:1 для звичайного тексту?
- •Labels (3.3.2): Чи мають поля форм підписи?
- •Dragging (2.5.7): Якщо є drag-and-drop, чи є альтернатива "в один клік"?
- •Actionable Data: Чи є номери телефонів, email-адреси гіперпосиланнями (
tel:,mailto:)? Статичний текст для контактів ускладнює взаємодію на мобільних.
Формат звіту
Якщо знайдено помилки, виведи їх у таблиці:
| Елемент | Порушення | Критерій WCAG | Пропоноване виправлення |
|---|---|---|---|
<button> | Низький контраст | 1.4.3 | Змінити колір тексту на #000 |