ClipMarts

Accessibility Auditor

Catch WCAG violations before they reach production

$9Starter SkillFor specialists, founders, and lean teams

What is Accessibility Auditor?

A skill that instructs your agent to audit code for accessibility compliance. Covers WCAG 2.1 AA requirements, semantic HTML checks, ARIA attribute validation, keyboard navigation testing, color contrast verification, screen reader compatibility, and focus management. Produces a categorized report with severity levels and fix instructions.

Setup Time

5 min

Difficulty

Intermediate

Works With
paperclipclaude-code

What's Included

  • accessibility-auditor.md
  • checklists/wcag-aa-checklist.md
  • checklists/keyboard-nav.md
  • examples/audit-report.md
  • examples/common-fixes.md
  • README.md

Preview

accessibility-auditor.md
# Accessibility Auditor Skill

## Audit Checklist (WCAG 2.1 AA)

### Perceivable
- [ ] All images have meaningful alt text (not "image" or "photo")
- [ ] Color is not the only way to convey information
- [ ] Text contrast ratio ≥ 4.5:1 (large text ≥ 3:1)
- [ ] Video has captions, audio has transcripts

### Operable
- [ ] All interactive elements reachable by keyboard (Tab/Enter/Space)
- [ ] No keyboard traps — can always Tab away
- [ ] Focus order matches visual order
- [ ] Skip-to-content link present

### Understandable
- [ ] Form inputs have visible labels (not just placeholder)
- [ ] Error messages identify the field and describe the fix
- [ ] Language attribute set on <html>

### Robust
- [ ] Valid semantic HTML (no div-as-button)
- [ ] ARIA roles and properties used correctly
- [ ] Works with screen readers (VoiceOver, NVDA)

## Report Format
| Issue               | WCAG Rule | Severity | Element        | Fix             |
|---------------------|-----------|----------|----------------|-----------------|
| Missing alt text    | 1.1.1     | Critical | img.hero-photo | Add descriptive alt |
| Low contrast text   | 1.4.3     | Major    | p.subtitle     | Change to #333  |

Installation Guide

terminal
$ paperclipai skill import --from ./accessibility-auditor/
Skill imported successfully.

One command to import — then assign to any agent in your company.

Option A: CLI (recommended)

1

Download and extract the ZIP

unzip accessibility-auditor.zip
2

Import the skill

paperclipai skill import --from ./accessibility-auditor/
3

Assign to an agent

# Via CLI:
paperclipai agent update <agent-name> --add-skill accessibility-auditor

# Or in the dashboard:
# Agents → [agent name] → Skills → Add "Accessibility Auditor"

Option B: Dashboard UI

1

Open Skills page

Navigate to Skills → Import Skill

2

Upload the product folder

From the extracted ZIP, upload the accessibility-auditor/ directory containing SKILL.md.

3

Assign to agents

Go to Agents → [agent] → Skills and add "Accessibility Auditor" from the list.

Share
Files included6
Setup time5 min
Difficultyintermediate

Tags

accessibilitywcaga11ytestingauditcompliance