a11y-audit
Installation
SKILL.md
Чек-лист аудиту доступності
Критерії перевірки (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 |