Agent skill · writing content · aiskillstore
accessibility-check
Evaluate accessibility and WCAG compliance of UI components and pages. Use when the user asks to "check accessibility", "audit a11y", "WCAG review", "screen reader test", or needs to verify inclusive design practices.
Why this skill is useful
Provides a detailed checklist and testing methods for WCAG compliance that the AI wouldn't reliably generate on its own.
What it needs
Requires pa11y, playwright installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Accessibility Check Skill Evaluate UI accessibility against WCAG 2.1 guidelines to ensure inclusive design for all users. When to Use Before releasing new features Auditing existing interfaces Reviewing component libraries Ensuring legal compliance Improving user inclusivity WCAG 2.1 Checklist Level A (Minimum) Perceivable [ ] 1.1.1 Non-text Content: Images have alt text [ ] 1.3.1 Info and Relationships: Semantic HTML structure [ ] 1.3.2 Meaningful Sequence: Logical reading order [ ] 1.4.1 Use of Color: Color not sole indicator Operable [ ] 2.1.1 Keyboard: All functionality via keyboard [ ] 2.1.2 No Keyboard Trap: Can navigate away [ ] 2.4.1 Bypass Blocks: Skip to content link [ ] 2.4.2 Page Titled: Descriptive page titles [ ] 2.4.3 Focus Order: Logical tab sequence [ ] 2.4.4 Link Purpose: Links describe destination Understandable [ ] 3.1.1 Language of Page: lang attribute set [ ] 3.2.1 On Focus: No unexpected changes [ ] 3.2.2 On Input: No unexpected changes [ ] 3.3.1 Error Identification: Errors clearly described [ ] 3.3.2 Labels: Form inputs have labels Robust [ ] 4.1.1 Parsing: Valid HTML [ ] 4.1.2 Name, Role, Value: ARIA correctly used Level AA (Standard Target) Perceivable [ ] 1.4.3 Contrast (Minimum): 4.5:1 for text [ ] 1.4.4 Resize Text: Readable at 200% zoom [ ] 1.4.5 Images of Text: Avoid where possible Operable [ ] 2.4.5 Multiple Ways: Multiple navigation paths [ ] 2.4.6 Headings and Labels: Descriptive headings [ ] 2.4.7 Focus Visible: Clear focus indicators Understandable [ ] 3.2.3 Consistent Navigation: Same nav location [ ] 3.2.4 Consistent Identification: Same icons/labels [ ] 3.3.3 Error Suggestion: Suggest corrections [ ] 3.3.4 Error Prevention: Confirm destructive actions Testing Methods 1. Automated Testing 2. Manual Keyboard Testing 1. Tab through entire page 2. Verify focus visibility 3. Test Enter/Space activation 4. Check Escape closes modals 5. Verify arrow key navigation in menus 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/accessibility-check