accessibility-compliance

This skill provides expert guidance for developing accessible digital interfaces that adhere to WCAG 2.2 AA and AAA standards. It is designed for software engineers, UX designers, and quality assurance testers who need to ensure their web and mobile applications are inclusive for all users, including those with visual, auditory, motor, or cognitive impairments. The skill covers the implementation of robust semantic HTML, ARIA labels, focus management systems, and high-contrast color schemes to bridge the gap between complex interactive components and assistive technologies like VoiceOver and TalkBack.

• Implementing WCAG 2.2 success criteria including focus visibility, target size minimums, and non-text contrast ratios.

• Developing accessible patterns for modals, dialogs, forms, and custom components using ARIA roles, states, and properties.

• Managing complex keyboard navigation, including tab sequences, focus traps, and keyboard shortcuts.

• Optimizing mobile accessibility through touch target sizing and gesture support.

• Conducting automated and manual accessibility audits to identify and remediate compliance violations.

• Users should provide specific UI components or design specifications for analysis.

• Outputs include refactored code snippets, ARIA implementation strategies, and remediation steps for accessibility audit failures.

• The skill focuses on both web-based React/HTML implementations and mobile-specific accessibility requirements.

• It prioritizes robust, semantic, and future-proof design patterns over temporary fixes.