About accessibility
accessibility is a skill for applying accessibility practices when creating, reviewing, or auditing user interfaces. It combines WCAG principles with automated checks and manual keyboard and screen-reader testing.
Key features
- 01Checks semantic HTML and text alternatives
- 02Addresses contrast, keyboard access, and focus
- 03Applies WCAG perceivable and operable principles
- 04Combines automated and manual testing
- 05Documents issues and example fixes
Use cases
- 01Review interactive components and forms
- 02Add keyboard navigation and ARIA to interfaces
- 03Test pages with a screen reader
- 04Audit existing pages for accessibility issues
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ shipshitdev/ skills --skill accessibilityAfter installing, type/accessibilityin Claude Code to confirm it loaded.
Bundled filesplugin.jsonreferences/full-guide.md
Details
From the project READMEAccessibility (a11y) Skill
When to Use
Use when you're:
- Creating or reviewing UI components
- Implementing interactive elements (buttons, forms, modals)
- Adding keyboard navigation
- Reviewing color contrast and visual design
- Testing with screen readers
- Auditing existing pages for accessibility issues
- Implementing ARIA attributes
Quick Workflow
- Discover project-specific accessibility requirements and existing patterns.
- Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.
- Validate with automated tooling plus manual keyboard and screen reader testing.
- Document issues and fixes with examples.
WCAG Principles
- Perceivable: text alternatives, contrast, responsive support.
- Operable: keyboard access, focus management, timing.
- Understandable: clear language, predictable behavior.
- Robust: valid HTML and ARIA usage.
References
Related
audit— a scored 0-4 sweep across accessibility, performance, theming, responsive design, and anti-patterns when no single dimension is named.design-consistency-auditor— token drift, hardcoded colors, and design-system divergence.
Comments
Markdown supported