accessibility▌

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

This skill enables AI agents to perform a comprehensive web accessibility evaluation using the Web Content Accessibility Guidelines (WCAG) 2.1 and 2.2 standards, ensuring digital products are usable by people with disabilities.

Implement WCAG 2 and EN 301 549 accessibility standards and adaptive layouts in Flutter apps. \n \n Enforces semantic annotations, tap target sizes (48x48 dp minimum), and text contrast ratios (4.5:1 for small text, 3:1 for large) across mobile, web, and desktop platforms \n Provides decision logic for web semantics initialization, interactive widget wrapping, screen-size-based layout switching, and keyboard/mouse input handling \n Includes focus traversal management via FocusTraversalGroup and

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

Audit and improve web accessibility following WCAG 2.2 guidelines and best practices. \n \n Covers all four WCAG principles (Perceivable, Operable, Understandable, Robust) with conformance levels A, AA, and AAA \n Includes code examples for text alternatives, color contrast, keyboard navigation, focus management, form labels, error handling, and ARIA usage \n Provides testing checklist with automated tools (Lighthouse, axe-core) and manual testing procedures for keyboard, screen reader, zoom, an