accessibility-compliance

The Accessibility Compliance skill provides a comprehensive framework for developers to create inclusive, accessible web applications that meet international standards. Designed for frontend engineers, UI/UX designers, and quality assurance testers, this skill focuses on ensuring software is perceivable, operable, understandable, and robust for all users, including those with visual, auditory, motor, or cognitive disabilities. It translates abstract WCAG 2.2 guidelines into actionable development tasks, such as managing focus states, structuring semantic HTML, and optimizing touch targets for mobile accessibility.

• Full support for WCAG 2.2 Level AA and AAA criteria, including non-text content alternatives, contrast ratios, and focus visibility.
• Implementation of robust ARIA patterns including landmark roles, states, and properties for dynamic UI components.
• Advanced screen reader support through proper heading hierarchies, descriptive labeling, and live region management.
• Keyboard navigation optimization, including logical tab sequences, focus trapping for modal dialogs, and custom keyboard shortcut management.
• Mobile-first accessibility strategies such as 44x44dp touch target sizing, VoiceOver and TalkBack compatibility, and support for dynamic text scaling.
• Automated audit assistance to identify common violations like missing labels, insufficient color contrast, and broken skip links.

When using this skill, users should provide the specific component or UI segment requiring audit. The agent will output accessible implementation patterns using React/JSX, semantic HTML5, and appropriate ARIA attributes. It is ideal for refactoring legacy components, building new accessible design systems, or validating compliance during the CI/CD phase. Users should be aware that while the skill provides expert guidance on ARIA and semantic structure, manual testing with actual assistive technologies like NVDA, JAWS, or iOS VoiceOver is recommended to verify the practical user experience. The skill emphasizes native HTML elements over complex ARIA overrides wherever possible to ensure maximum compatibility across browsers and assistive devices.