Перейти к руководству
wcag-audit-patternsавтор Seth Hobson

WCAG Audit Patterns Skill.

Скилл Claude Code и Codex для дизайн-ревью: аудит wCAG 2.2 с автоматизированными тестами, ручными проверками и рекомендациями по исправлению.

  • Дизайн-ревью и доступность
  • Отчёт ревью
wshobson/agents · plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.mdSKILL.md
--- name: wcag-audit-patterns description: Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns. --- ## When to Use This Skill ## Core Concepts ## Detailed patterns and worked examples ## Best Practices
Преамбула и заголовки разделов считаны из исходного файла 14 сентября 2026 г. · 2 439 символов полностью

01 Что делает

Что делает skill wcag-audit-patterns в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Этот skill проводит аудиты доступности по WCAG 2.2, объединяя автоматическое тестирование, ручную проверку и рекомендации по устранению нарушений. Он классифицирует нарушения по влиянию (критические/блокирующие, серьёзные, умеренные), охватывает три уровня соответствия (A — юридический минимум, AA — большинство нормативов, AAA — для специализированных нужд) и применяет принципы POUR (Perceivable, Operable, Understandable, Robust).

Skill затрагивает распространённые нарушения, включая отсутствие alt-текста, проблемы с доступом с клавиатуры, недостаточный цветовой контраст и неправильную иерархию заголовков. Он делает акцент на семантическом HTML, тестировании с реальными пользователями с ограниченными возможностями и создании доступных библиотек компонентов, учитывая, что автоматизация выявляет лишь 30–50% проблем.

Что он выдаёт

  • Практические стратегии устранения выявленных нарушений
  • Документация доступной библиотеки компонентов
Смотрите пример запроса ↗

Как это работает

  1. 01
    Классификация нарушений по степени влияния

    Проблемы классифицируются как критические (блокирующие, например отсутствие alt-текста и невозможность доступа с клавиатуры), серьёзные (недостаточный контраст, отсутствие ссылок пропуска) или умеренные (отсутствие атрибута языка, неясный текст ссылки).

  2. 02
    Применение принципов POUR

    Аудит по четырём принципам: воспринимаемость (могут ли пользователи воспринять контент), управляемость (могут ли пользователи управлять интерфейсом), понятность (могут ли пользователи понять контент) и надёжность (работает ли это со вспомогательными технологиями).

  3. 03
    Сочетание автоматического и ручного тестирования

    Автоматические инструменты выявляют 30–50% проблем, но для полного покрытия требуется ручное тестирование.

  4. 04
    Обращение к подробной документации по шаблонам

    Когда базовых концепций недостаточно, skill направляет к references/details.md для разобранных примеров и подробных рекомендаций по шаблонам.

02 Определите своё применение

Когда использовать навык wcag-audit-patterns

Используйте skill wcag-audit-patterns в Claude Code или Codex, когда задача — дизайн-ревью такого типа. Применимость и ограничения ниже взяты из файла самого skill.

Хорошо подходит

  • Проведение аудитов доступности веб-контента
  • Исправление нарушений WCAG в существующих интерфейсах
  • Соответствие требованиям ADA или Section 508
  • Подготовка к судебным искам по доступности
  • Подготовка документации соответствия VPAT

    03 Внутри скилла

    Правила, которые skill wcag-audit-patterns задаёт Claude Code и Codex

    8 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт для агента — та часть файла, которая влияет на результат.

    1. Начинайте работу с доступностью на этапе дизайна

      Доступность должна закладываться на раннем этапе проектирования, а не добавляться постфактум.

    2. Сначала используйте семантический HTML

      Нативные HTML-элементы должны быть выбором по умолчанию, так как они снижают потребность в ARIA и обеспечивают лучшую поддержку доступности.

    3. Никогда не полагайтесь только на автоматическое тестирование

      Ручное тестирование необходимо, так как автоматические инструменты выявляют лишь 30–50% проблем доступности.

    4. Нативный HTML перед ARIA

      ARIA не следует использовать как первое решение; предпочтение всегда отдавайте нативным HTML-элементам, когда это возможно.

    5. Сохраняйте контуры фокуса

      Контуры фокуса не должны скрываться, так как пользователи клавиатуры зависят от них при навигации.

    6. Никогда не отключайте масштабирование

      Пользователи должны иметь возможность изменять размер контента, поэтому функция масштабирования не может быть отключена.

    7. Несколько индикаторов помимо цвета

      Цвет сам по себе не может использоваться для передачи информации; требуется несколько индикаторов.

    8. Тестируйте с пользователями с ограниченными возможностями

      Реальные пользователи с ограниченными возможностями дают лучшую обратную связь, и их следует включать в тестирование.

    04 Применение

    Установите wcag-audit-patterns в Claude Code или Codex

    Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

    Добавьте wcag-audit-patterns в Claude Code, Codex или ваш агент

    Запустите в своём проекте; установщик спросит, какому агенту его добавить.

    Terminal
    npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

    Общая форма команды skills CLI для plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md; репозиторий может указывать собственный путь.

    Дайте скиллу первую задачу по проверке дизайна

    Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

    Starter prompt
    Audit [website URL or component name] against WCAG 2.2 AA standards. Identify all Critical and Serious violations including missing alt text, keyboard access issues, and color contrast failures. For each violation, provide the specific WCAG success criterion, the impact on users with disabilities, and concrete remediation code. Prioritize issues that would block screen reader users.

    Источник: составлено по SKILL.md в терминах самого skill.

    Проверьте первый результат

    Что сам SKILL.md считает правильным результатом:

    • Проверяйте совместимость со вспомогательными технологиями для надёжной реализации

    В OpenDesign импортируйте wcag-audit-patterns по ссылке на его SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его в верхней панели.

    05 Открытый исходный код, проверяемость

    Источник, лицензия и проверка

    Откуда взяты факты на этой странице и когда они были последний раз проверены.

    Repository
    github.com/wshobson/agents Ветка main
    Файл skill
    plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Контрольная сумма содержимого записана при верификации; коммит 4236bb9
    License
    MIT Из LICENSE.
    Звёзды репозитория
    39 635 Снимок GitHub от 2026-09-14 для всего репозитория wshobson/agents, который содержит 18 skill в этом каталоге. Не является рейтингом или счётчиком использования для wcag-audit-patterns.
    Проверено OpenDesign
    2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

    Внутри SKILL.md

    1. Когда использовать этот skillПеречисляет шесть сценариев, включая аудиты, исправление нарушений и выполнение нормативных требований
    2. Основные концепцииОпределяет три уровня соответствия, принципы POUR и распространённые нарушения по степени влияния
    3. Уровни соответствия WCAGУровень A — юридический минимум, AA — стандарт для нормативных требований, AAA — для специализированных нужд
    4. Принципы POURЧетыре принципа: воспринимаемость, управляемость, понятность, надёжность с наводящими вопросами
    5. Распространённые нарушения по степени влиянияКатегоризирует проблемы как критические блокеры, серьёзные или умеренные с конкретными примерами
    6. Подробные паттерны и разобранные примерыУказывает на references/details.md для подробной документации по паттернам
    7. Лучшие практикиПеречисляет пять правил «делайте» и пять «не делайте» для доступной разработки
    Собственное описание skill
    Проводите аудиты доступности по WCAG 2.2 с автоматическим тестированием, ручной проверкой и рекомендациями по исправлению. Используйте при аудите доступности сайтов, исправлении нарушений WCAG или внедрении паттернов доступного дизайна.

    Описание из front-matter файла SKILL.md. Полный файл содержит около 2439 символов. Читать полный файл на GitHub.

    06 Перед установкой

    Вопросы о skill wcag-audit-patterns

    Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

    На какой уровень соответствия WCAG мне ориентироваться?

    Уровень AA — стандартный уровень соответствия, требуемый большинством нормативных актов. Уровень A — минимальный юридический базис, а уровень AAA нужен только для специализированных задач. Большинство требований ADA и Section 508 удовлетворяются соответствием AA.

    WCAG Audit Patterns

    Запустите wcag-audit-patterns на реальной задаче ревью дизайна.

    Скачайте OpenDesign, импортируйте wcag-audit-patterns по ссылке на SKILL.md, вставьте промпт выше и прочитайте план перед результатом.

    Терминал
    npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

    OpenDesign для компьютера

    Одна дизайн-система. Единый образ бренда во всех материалах

    В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

    • Сайты, слайды, прототипы, дашборды, изображения и видео
    • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
    • Локальный Codex и более 21 кодинг-агента · Бесплатно
    Скачать бесплатно

    Для macOS и Windows