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.

Accessibility testing ensures web applications are usable by people with disabilities, including those using screen readers, keyboard navigation, or other assistive technologies. It validates compliance with WCAG (Web Content Accessibility Guidelines) and identifies barriers to accessibility.

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

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

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

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.