accessibility-auditor · onewave-ai — скилл для Claude Code: обзор и установка
Скилл проводит аудит доступности веб-страниц по стандартам WCAG 2.1 AA. Он находит дефекты вёрстки, проверяет навигацию с клавиатуры и помогает исправить разметку.
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-codeЧто делает accessibility-auditor
Скилл выстраивает аудит сайтов по критериям WCAG 2.1 уровня A и AA. Внутри заложен чёткий маршрут: сначала запуск автоматических сканеров, тестов jest-axe и проверок в Playwright, затем ручная проверка навигации с клавиатуры без ловушек фокуса, а следом чтение скринридерами NVDA или VoiceOver.
В справочниках скилла собраны решения для семи частых дефектов, вспомогательный класс sr-only и корректная ARIA-разметка для аккордеонов, вкладок, меню, алертов и индикаторов прогресса. Одной только автоматикой аудит не закрыть: тесты через CLI отловят проблемы синтаксиса, но порядок фокуса и чтение голосом всё равно придётся проверить руками по чеклисту.
После применения правок процесс требует повторно запустить тесты первого шага, чтобы подтвердить нулевое число ошибок.
Какие задачи решает
- Настроить тесты доступности с помощью
jest-axeиPlaywright - Проверить сайт на соответствие критериям WCAG 2.1 уровней A и AA
- Найти ловушки фокуса и ошибки порядка навигации с клавиатуры
- Внедрить ARIA-разметку для вкладок, аккордеонов и меню
- Исправить типовые дефекты доступности с использованием класса
sr-only
Примеры запросов агенту
- Проверь страницу на ошибки доступности по чеклисту WCAG 2.1 AA
- Добавь тесты jest-axe и Playwright для проверки доступности формы
- Покажи правильную ARIA-разметку для компонента аккордеона
Как установить accessibility-auditor
1Через Skills CLI (Vercel)
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-code2Вручную: положить файлы
~/.claude/skills/accessibility-auditor/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/accessibility-auditor/
1Через Skills CLI (Vercel)
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a codex2Вручную: положить файлы
.agents/skills/accessibility-auditor/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a cursor2Вручную: положить файлы
.cursor/skills/accessibility-auditor/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install OneWave-AI/claude-skills accessibility-auditor2Вручную: положить файлы
.github/skills/accessibility-auditor/SKILL.md1Через Skills CLI (Vercel)
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a gemini-cli2Командой платформы
gemini skills install https://github.com/OneWave-AI/claude-skills --path accessibility-auditorВручную: положить файлы
.devin/skills/accessibility-auditor/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о accessibility-auditor
Как установить accessibility-auditor в Claude Code?
Выполните в терминале команду npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-code.
Что делает скилл accessibility-auditor?
Он организует пошаговый аудит интерфейсов для соответствия WCAG 2.1 AA, включая чеклисты ручного тестирования, запуск сканеров и шаблоны исправления разметки.
Какие инструменты автоматического тестирования заложены в скилле?
В справочниках описан запуск консольных сканеров, а также проверки через библиотеки jest-axe и Playwright.
Исходный текст
SKILL.md · MIT
--- name: accessibility-auditor description: Audit websites for accessibility issues and WCAG compliance. Use when checking accessibility, fixing a11y issues, or ensuring WCAG compliance. --- # Accessibility Auditor Audit a website for accessibility defects and bring it to WCAG 2.1 AA compliance. ## Contents - `references/automated-testing.md` - CLI commands, jest-axe, Playwright, and tooling - `references/wcag-checklist.md` - WCAG Level A/AA criteria and keyboard testing checklist - `references/common-fixes.md` - Fix patterns for the 7 most common defects plus the sr-only class - `references/aria-patterns.md` - ARIA markup for tabs, accordion, menu, alert, progress ## Workflow 1. Run automated checks. Execute the CLI scans and add jest-axe or Playwright assertions per `references/automated-testing.md`. 2. Test the keyboard. Tab through the page and verify order, activation, escape, focus visibility, and absence of traps using the checklist in `references/wcag-checklist.md`. 3. Test with a screen reader. Walk the page with NVDA or VoiceOver and confirm names, roles, and announced state. 4. Check WCAG criteria. Audit each Level A and AA criterion in `references/wcag-checklist.md`. 5. Apply fixes. Resolve each finding with the patterns in `references/common-fixes.md` and `references/aria-patterns.md`, then re-run step 1 to confirm zero violations.
© OneWave-AI · MIT · OneWave-AI/claude-skills
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — accessibility-auditor от других авторов.
