К основному содержанию
скилл CX Codex

accessibility-audit · owl-listener — скилл для Claude Code: аудит WCAG

Проверяет готовый интерфейс по WCAG и выдаёт проблемы с уровнем серьёзности, влиянием и шагами исправления.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code
Открыть на GitHub

Что делает accessibility-audit

Скилл проводит аудит существующего дизайна или реализации по WCAG 2.2. Он ищет барьеры в восприятии, клавиатурном управлении, предсказуемости интерфейса, семантической разметке и ARIA.

Каждая находка содержит описание, место в интерфейсе, критерий WCAG, уровень серьёзности, влияние, шаги исправления и примеры кода. Для приоритета используются уровни Critical, Major, Minor и Enhancement.

Проверяйте статические и интерактивные состояния на разных устройствах и в браузерах, а также с ассистивными технологиями. Для планирования будущих сессий с пользователями с инвалидностью этот скилл не подходит: используйте accessibility-test-plan.

Какие задачи решает

  • найти барьеры доступа в готовом интерфейсе
  • оценить серьёзность нарушений WCAG
  • сопоставить проблему с критерием WCAG
  • подготовить шаги исправления с примерами кода
  • проверить состояния интерфейса для ассистивных технологий

Примеры запросов агенту

  • Проведи accessibility-audit для текущего интерфейса и перечисли нарушения WCAG.
  • Проверь эту форму через accessibility-audit, укажи уровень серьёзности и способ исправления.
  • Запусти accessibility-audit для интерактивных состояний страницы.

Как установить accessibility-audit

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code

2Вручную: положить файлы

~/.claude/skills/accessibility-audit/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/accessibility-audit/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о accessibility-audit

Как установить accessibility-audit в Claude Code?

Выполните npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code, затем повторите npx skills add Owl-Listener/designer-skills --skill accessibility-audit -a claude-code. Файл скилла находится в ~/.claude/skills/accessibility-audit/SKILL.md.

Что делает accessibility-audit?

Скилл проверяет существующий интерфейс по WCAG 2.2. В отчёте он даёт описание проблемы, её влияние, уровень серьёзности и рекомендации по исправлению.

Подходит ли accessibility-audit для планирования исследований с ассистивными технологиями?

Нет. Для планирования будущих сессий с пользователями с инвалидностью предназначен accessibility-test-plan.

Исходный текст

SKILL.md · MIT
---
name: accessibility-audit
description: Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).
---
# Accessibility Audit
You are an expert in digital accessibility, WCAG guidelines, and inclusive design.
## What You Do
You conduct thorough accessibility audits identifying barriers and providing remediation guidance.
## WCAG 2.2 Principles (POUR)
- **Perceivable**: Text alternatives, captions, adaptable content, color contrast
- **Operable**: Keyboard access, time limits, no seizures, navigation, input modalities
- **Understandable**: Readable, predictable, input assistance
- **Robust**: Assistive tech compatibility, semantic markup, ARIA
## Severity Ratings
1. Critical — blocks access entirely
2. Major — significant difficulty
3. Minor — inconvenience with workarounds
4. Enhancement — beyond compliance improvement
## Issue Format
Description, location, WCAG criterion, severity, impact, remediation steps, code examples.
## Best Practices
- Test with real assistive technologies
- Include users with disabilities when possible
- Audit across devices and browsers
- Check static and interactive states
- Prioritize by severity and user impact

© Owl-Listener · MIT · Owl-Listener/designer-skills

Похожие скиллы

Всё по теме «Фронтенд и UI» →

Сначала — accessibility-audit от других авторов.

accessibility-audit AccessLint Скилл проводит глубокую проверку доступности сайта по стандарту WCAG 2.2 и методологии WCAG-EM. Он собирает выборку страниц, запускает тесты и формирует итоговый отчёт о соответствии. CX Codex +1 1 100установок Accessibility Expert официальный github Субагент для GitHub Copilot, который разбирает интерфейс по WCAG 2.1/2.2 и подсказывает, как починить доступность. Пригодится, когда формы, модалки и SPA ведут себя странно с клавиатуры и скринридера. ★ 40 418звёзд репо wcag-audit-patterns Seth Hobson Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов. CX Codex 12 486установок experience-accessibility-validate forcedotcom Разбирает HTML, JS и CSS компонента Lightning Web Component на соответствие WCAG 2.2 и выдаёт отчёт со ссылками на конкретные критерии. CX Codex +1 857установок accessibility-testing aj-geddes Скилл для проверки веб-приложений на соответствие WCAG: axe, навигация с клавиатуры, ARIA, скринридеры. Пригодится, когда нужно закрыть a11y-требования в проекте. CX Codex +1 575установок accessibility-compliance aj-geddes Скилл помогает внедрять требования WCAG 2.1/2.2, клавиатурную навигацию и поддержку программ чтения с экрана. CX Codex +1 482установок accessibility-inclusive-design hueyexe Скилл для ИИ-агента, который помогает проектировать и разбирать интерфейсы с оглядкой на доступность: клавиатура, скринридеры, контраст, семантика. CX Codex +1 574установок

Из того же набора109

theming-system Скилл проектирует трёхуровневую архитектуру дизайн-токенов для поддержки тем оформления, плотности интерфейса и тёмного режима в единой библиотеке компонентов. CX Codex +1 2 100установок journey-map Скилл строит карту пути одной персоны: этапы, точки контакта, эмоции и боли. Пригодится, когда переделываете уже существующий опыт. CX Codex +1 2 100установок component-spec Скилл описывает один компонент дизайн-системы: анатомию, варианты, состояния, доступность и правила использования. Пригодится, когда библиотека растёт и пора зафиксировать API. CX Codex +1 2 100установок design-principles Помогает зафиксировать рабочие принципы дизайна для разрешения споров в команде. Пригодится, когда одни и те же решения приходится обсуждать снова и снова. CX Codex +1 2 100установок ux-writing Пишет микротексты, сообщения об ошибках, пустые состояния и кнопки. Пригодится, когда слова и есть результат работы. CX Codex +1 2 200установок critique-typography Проверяет типографику отрендеренного экрана: шкалу, читаемость, единообразие и использование токенов. Пригодится на ревью интерфейса. CX Codex +1 2 000установок version-control-strategy Задаёт правила версионирования макетов, библиотек компонентов и дизайн-токенов. Скилл пригодится, когда история правок в файлах запуталась и мешает командной работе. CX Codex +1 2 000установок critique-visual-hierarchy Скилл разбирает готовый экран по четырём измерениям и говорит, куда на самом деле падает взгляд. Пригодится, когда внимание уходит не туда. CX Codex +1 2 000установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой