accessibility▌

Accessibility patterns for building inclusive React applications following WCAG standards. Contains 7 rules across 4 categories focused on semantic HTML, screen reader support, keyboard navigation, and user preferences.

Comprehensive WCAG 2.1 accessibility audit for Webflow pages with detailed issue detection and actionable fixes.

accessibility-auditor

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.

Build WCAG 2.1 AA compliant websites with semantic HTML, ARIA, focus management, and screen reader support. \n \n Covers five core areas: semantic HTML element selection, ARIA patterns (labels, live regions, roles), keyboard navigation with focus traps, color contrast requirements (4.5:1 text, 3:1 UI), and accessible form design with validation \n Includes 12 documented accessibility issues with prevention strategies, from missing focus indicators to keyboard traps to insufficient contrast \n Pr

Implement VoiceOver, Dynamic Type, and assistive technology support for iOS/macOS apps. \n \n Covers SwiftUI and UIKit accessibility APIs including labels, hints, traits, focus management with @AccessibilityFocusState , and custom rotors for navigation \n Provides patterns for respecting system preferences: Reduce Motion, Reduce Transparency, Increase Contrast, and Bold Text \n Includes focus restoration strategies for sheets and modals, decorative content hiding, and tap target sizing requireme

WCAG 2.2 compliance patterns for keyboard navigation, screen readers, mobile accessibility, and inclusive design. \n \n Covers WCAG 2.2 Levels A, AA, and AAA with specific success criteria, color contrast requirements (4.5:1 for normal text, 3:1 for large text), and minimum touch target sizing (44x44px) \n Includes five core implementation patterns: accessible buttons with focus indicators, modal dialogs with focus trapping, forms with error announcements, skip navigation links, and live regions

Use this skill for any VS Code feature work that introduces or changes interactive UI. Use this skill by default for new features and contributions, including when the request does not explicitly mention accessibility.

Systematic accessibility diagnosis and remediation for iOS/macOS apps. Covers the 7 most common accessibility issues that cause App Store rejections and user complaints.

Configure Flutter apps for assistive technologies including screen readers and keyboard navigation. \n \n Covers UI design fundamentals: font scaling, color contrast (4.5:1 for normal text, 3:1 for large), and 48x48 pixel minimum tap targets \n Provides semantic annotation patterns using Semantics , MergeSemantics , and ExcludeSemantics widgets to expose widget tree structure to assistive tools \n Includes web-specific guidance on enabling the semantics layer (disabled by default for performance