accessibility▌

Implement WCAG 2.1 accessibility standards for semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. \n \n Covers semantic HTML structure, keyboard navigation (Tab, arrow keys, ESC), and focus management for modals and interactive components \n Provides ARIA attribute guidance (aria-label, aria-live, aria-hidden, role attributes) with practical React/TypeScript examples \n Includes color contrast requirements (WCAG AA/AAA), visual focus indicators, and testing strategie

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.

WCAG-compliant web accessibility guidelines for inclusive, assistive-technology-friendly interfaces. \n \n Covers semantic HTML structure, ARIA implementation, and keyboard navigation patterns for full accessibility across interactive elements \n Includes visual accessibility standards: color contrast requirements (4.5:1 minimum), focus management, and support for user preferences like reduced motion and dark mode \n Provides form accessibility best practices: label association, fieldset groupin

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

Implement comprehensive accessibility features following WCAG guidelines to ensure your application is usable by everyone, including people with disabilities.

Accessible color design ensures all users, including those with color vision deficiency, can access and understand information.

Build production-quality user interfaces that are accessible, performant, and visually polished.

Analyze the provided component or screen for the following accessibility aspects.

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct comprehensive audits, identify barriers, provide remediation guidance, and ensure digital products are accessible to all users.

Audit and fix HTML accessibility issues across ARIA labels, keyboard navigation, focus management, and WCAG compliance. \n \n Covers nine rule categories prioritized by impact: accessible names, keyboard access, focus management, semantics, forms and errors, announcements, contrast, media, and tool boundaries \n Provides targeted fixes for common patterns like icon-only buttons, form error linking, and focus trapping in modals \n Includes quick reference for when to apply (interactive controls,