# accessibility-audit

Проверяет UI-код на соответствие WCAG и сохраняет отчёт с найденными проблемами. Подходит для аудита компонента, страницы или приложения.

- команда · `type=command` · Claude Code, Codex, Cursor · ★ 41729
- Автор: Seth Hobson
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/wshobson/agents/tree/HEAD/plugins/ui-design/commands/accessibility-audit.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/seth-hobson-accessibility-audit

## Что делает

Команда проверяет UI-код по критериям WCAG 2.1 и ищет проблемы с альтернативным текстом, семантикой, клавиатурной навигацией, фокусом, формами, ARIA и динамическим содержимым. Она также выявляет распространённые анти-паттерны в JSX и HTML, включая клики на `div`, пропущенные `alt` и некорректный `tabIndex`.

Перед аудитом команда создаёт `.ui-design/audits/`, загружает сведения из `conductor/tech-stack.md` и `.ui-design/design-system.json`, а затем формирует отчёт в `.ui-design/audits/{audit_id}.md`. При наличии цветовых токенов или CSS она проверяет контраст. Если уровень не задан, используется WCAG 2.1 AA, поэтому для строгой проверки нужно передать `--level AAA` явно.

## Установка

### Claude Code (родная платформа)

1. **Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add wshobson/agents
```
В чате агента (не в терминале):
```text
/plugin install ui-design@claude-code-workflows
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/accessibility-audit.md` — Вызов — /accessibility-audit. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/accessibility-audit.md` — Вызов — /prompts:accessibility-audit. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/accessibility-audit.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/accessibility-audit.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/wshobson/agents/tree/HEAD/plugins/ui-design/commands/accessibility-audit.md

## Когда брать
- проверить компонент на требования WCAG
- найти проблемы с клавиатурной навигацией
- выявить ошибки в ARIA и формах
- проверить контраст текста и фона
- сохранить отчёт аудита в Markdown

## Примеры запросов агенту
- Запусти `/accessibility-audit` для всего приложения и проверь уровень AA.
- Проведи `/accessibility-audit src/components/Button.tsx --level AAA`.
- Проверь компонент `CheckoutForm` на клавиатурную доступность и ошибки ARIA.

## Похожие
- [performance-audit](https://affpapa.org/nevibecode/commands/performance-audit.md) — команда · 661 установка

Из того же набора: [wshobson/agents](https://affpapa.org/nevibecode/by/wshobson/agents.md) — 405 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md