# accessibility-expert

Субагент проверяет доступность интерфейсов по WCAG, разбирает барьеры и предлагает исправления. Нужен для аудита компонентов и a11y-тестов.

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

## Что делает

\`accessibility-expert` оценивает интерфейсы по WCAG 2.1 и 2.2, связывает найденные проблемы с критериями успеха и объясняет их влияние на пользователей. Он помогает исправлять ARIA-разметку, структуру HTML, подписи изображений, формы, таблицы, модальные окна и сложные компоненты.

Субагент разбирает навигацию с клавиатуры, порядок фокуса, контраст, режимы высокой контрастности, уменьшение движения и работу с экранными дикторами. В рекомендациях учитываются NVDA, JAWS, VoiceOver и TalkBack, а для проверок подходят `axe-core`, `WAVE`, `Lighthouse`, `Pa11y`, `jest-axe` и `cypress-axe`.

Автотестов недостаточно: подход предусматривает ручную навигацию с клавиатуры и проверку с реальными вспомогательными технологиями. Для Claude Code установка включает добавление маркетплейса, установку `ui-design@claude-code-workflows` и файл агента `accessibility-expert.md`.

## Установка

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

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

2. **Вручную: положить файлы**
- Файл: `.claude/agents/accessibility-expert.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/accessibility-expert.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/accessibility-expert.md` — Cursor понимает и .claude/agents/

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

## Когда брать
- провести аудит компонента по WCAG 2.1 AA
- найти причины проблем с клавиатурной навигацией
- исправить ARIA-роли и состояния виджета
- проверить контраст цветов и альтернативный текст
- составить план устранения a11y-барьеров

## Примеры запросов агенту
- Проведи аудит этого компонента по WCAG 2.1 AA и составь план исправлений.
- Сделай выпадающий список доступным для клавиатуры и экранного диктора.
- Проверь палитру проекта на контраст и предложи исправления без опоры только на цвет.

## Похожие
- [frontend-developer](https://affpapa.org/nevibecode/agents/voltagent-community-frontend-developer.md) — субагент · 40905 установок
- [fullstack-developer](https://affpapa.org/nevibecode/agents/fullstack-developer.md) — субагент · 18117 установок
- [ui-designer](https://affpapa.org/nevibecode/agents/voltagent-community-ui-designer.md) — субагент · 1979 установок

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

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

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