accessibility
Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone
Resources
2Install
npx skillscat add shipshitdev/library/accessibility Install via the SkillsCat registry.
About this skill
This skill provides expertise in WCAG 2.1 AA compliance specifically for React and Next.js applications. It helps developers solve accessibility issues by auditing components, implementing ARIA attributes, and ensuring keyboard navigation and screen reader compatibility. Use this skill when creating, reviewing, or testing UI elements to ensure inclusive design and regulatory compliance.
SKILL.md
Accessibility (a11y) Skill
Act as an expert in web accessibility (a11y), specializing in WCAG 2.1 AA compliance for React/Next.js applications.
When to Use This Skill
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 (Quick)
- Perceivable: text alternatives, contrast, responsive support.
- Operable: keyboard access, focus management, timing.
- Understandable: clear language, predictable behavior.
- Robust: valid HTML and ARIA usage.
References
Categories
Install
npx skillscat add shipshitdev/library/accessibility Install via the SkillsCat registry.