wcag-audit-patterns

wshobson/agents · Agent Skill

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

Перейти к установке ↓

Обзор

Автор	wshobsonСообщество
Репозиторий	wshobson/agents ↗
Папка скилла	`wcag-audit-patterns`
Звёзды	41 779
Форки	4 431
Файлы	2
Лицензия	MIT
Обновлён	26 октября 2026 г.
Ссылки	Исходник скилла ↗ · Репозиторий ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность

низкий риск · явных рисков не найдено — полный отчёт покажет детали

Совместимость

только инструкции — подходит большинству агентов

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

найдено 31 похожий скилл

Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «wcag-audit-patterns» с mozgi.io (https://mozgi.io/skills/wshobson-wcag-audit-patterns/).

1. Скачай архив: https://mozgi.io/skills/wshobson-wcag-audit-patterns/download
Если не скачивается — возьми папку скилла из исходника: https://github.com/wshobson/agents/tree/main/plugins/accessibility-compliance/skills/wcag-audit-patterns
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «wcag-audit-patterns» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/wcag-audit-patterns/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .claude/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .claude/skills/wcag-audit-patterns

Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /wcag-audit-patterns. Для всех проектов сразу — папка ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .agents/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .agents/skills/wcag-audit-patterns

Codex ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $wcag-audit-patterns. Для всех проектов — ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .cursor/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .cursor/skills/wcag-audit-patterns

Cursor подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/wshobson/agents.git /tmp/agents
mkdir -p .gemini/skills
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns .gemini/skills/wcag-audit-patterns

Gemini CLI сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.

Файлы скилла

2 файла Скачать ZIP

Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.

Содержимое SKILL.md

Оригинальный текст автора · только чтение

WCAG Audit Patterns

Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

When to Use This Skill

Conducting accessibility audits
Fixing WCAG violations
Implementing accessible components
Preparing for accessibility lawsuits
Meeting ADA/Section 508 requirements
Achieving VPAT compliance

Core Concepts

1. WCAG Conformance Levels

| Level | Description | Required For |

| ------- | ---------------------- | ----------------- |

| A | Minimum accessibility | Legal baseline |

| AA | Standard conformance | Most regulations |

| AAA | Enhanced accessibility | Specialized needs |

2. POUR Principles

Perceivable:  Can users perceive the content?
Operable:     Can users operate the interface?
Understandable: Can users understand the content?
Robust:       Does it work with assistive tech?

3. Common Violations by Impact

Critical (Blockers):
├── Missing alt text for functional images
├── No keyboard access to interactive elements
├── Missing form labels
└── Auto-playing media without controls

Serious:
├── Insufficient color contrast
├── Missing skip links
├── Inaccessible custom widgets
└── Missing page titles

Moderate:
├── Missing language attribute
├── Unclear link text
├── Missing landmarks
└── Improper heading hierarchy

Detailed patterns and worked examples

Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.

Best Practices

Do's

Start early - Accessibility from design phase
Test with real users - Disabled users provide best feedback
Automate what you can - 30-50% issues detectable
Use semantic HTML - Reduces ARIA needs
Document patterns - Build accessible component library

Don'ts

Don't rely only on automated testing - Manual testing required
Don't use ARIA as first solution - Native HTML first
Don't hide focus outlines - Keyboard users need them
Don't disable zoom - Users need to resize
Don't use color alone - Multiple indicators needed

Вопросы и ответы

Что делает скилл wcag-audit-patterns?

Как установить wcag-audit-patterns?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает wcag-audit-patterns?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому wcag-audit-patterns подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл wcag-audit-patterns бесплатный?

Скилл опубликован автором wshobson в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.

Безопасно ли устанавливать скиллы?

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

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.

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

Все скиллы →

wcag-audit-patterns Инструмент для проведения аудита веб-сайтов на соответствие стандартам доступности WCAG 2.2, предоставляющий автоматизированное тестирование, ручную проверку и пошаговые рекомендации по устранению выявленных нарушений для обеспечения инклюзивности интерфейсов. wshobson41.5k

frontend-ui-engineering Руководство по инженерии frontend UI, охватывающее архитектуру компонентов, адаптивный дизайн, доступность и поддерживаемые шаблоны реализации. addyosmani111k

fixing-accessibility Проведите аудит и исправьте проблемы доступности HTML, включая метки ARIA, навигацию с клавиатуры, управление фокусом, контраст цветов и ошибки форм. Используйте при добавлении интерактивных элементов управления, форм, диалогов или проверке соответствия WCAG. ibelick10.2k

better-accessibility Проверьте и улучшите состояния фокуса, поддержку клавиатуры, ARIA, формы, программы чтения с экрана, области попадания и доступность движения. jakubkrehel8.6k

better-colors Пространство цветов OKLCH для веб-проектов. Преобразуйте hex/rgb/hsl в oklch, генерируйте палитры, проверяйте контраст, обрабатывайте границы цветового диапазона и создавайте темы с Tailwind v4. Срабатывает на oklch, преобразование цветов, генерация палитр, соотношение контраста, цветовой диапазон, display p3, токены дизайна, дрейф тона, хрома, цвета темного режима. jakubkrehel8.6k

better-interface Проведите комплексный обзор интерфейса по доступности, расположению, написанию, типографике, цвету и визуальной отделке. jakubkrehel8.6k