wcag

WCAG 2.1/2.2 compliance, auditing, and remediation.

509 stars

bya5c-ai

View on GitHub Installation ↓

Best use case

wcag is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

WCAG 2.1/2.2 compliance, auditing, and remediation.

Teams using wcag should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/wcag/SKILL.md --create-dirs "https://raw.githubusercontent.com/a5c-ai/babysitter/main/library/specializations/web-development/skills/wcag/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/wcag/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How wcag Compares

Feature / Agent	wcag	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

WCAG 2.1/2.2 compliance, auditing, and remediation.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# WCAG Skill

Expert assistance for WCAG accessibility compliance.

## Capabilities

- Audit for WCAG compliance
- Implement WCAG criteria
- Remediate issues
- Test accessibility
- Document compliance

## WCAG Principles (POUR)

- **Perceivable**: Text alternatives, captions, adaptable
- **Operable**: Keyboard accessible, enough time, navigable
- **Understandable**: Readable, predictable, input assistance
- **Robust**: Compatible with assistive technologies

## Common Fixes

```tsx
// Images
<img src="photo.jpg" alt="Descriptive text" />

// Forms
<label htmlFor="email">Email</label>
<input id="email" type="email" aria-describedby="email-help" />
<span id="email-help">We'll never share your email</span>

// Focus management
<button ref={focusRef} tabIndex={-1}>Focused after action</button>
```

## Target Processes

- accessibility-audit
- wcag-compliance
- remediation

Related Skills

process-builder

509

from a5c-ai/babysitter

Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. Guides the 3-phase workflow from research to implementation.

Workflow & Productivity

babysitter

509

from a5c-ai/babysitter

Orchestrate via @babysitter. Use this skill when asked to babysit a run, orchestrate a process or whenever it is called explicitly. (babysit, babysitter, orchestrate, orchestrate a run, workflow, etc.)