flutter-accessibility

SKILL.md

Implement WCAG 2 and EN 301 549 accessibility standards and adaptive layouts in Flutter apps.

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

Provides decision logic for web semantics initialization, interactive widget wrapping, screen-size-based layout switching, and keyboard/mouse input handling

Includes focus traversal management via FocusTraversalGroup and FocusableActionDetector for logical tab order and hover states

Supplies automated accessibility test guidelines to validate compliance with androidTapTargetGuideline, iOSTapTargetGuideline, and textContrastGuideline

Prohibits hardware-type checks and orientation locks; requires LayoutBuilder and MediaQuery.sizeOf() for responsive design

flutter-accessibility-and-adaptive-design

Goal

Implements, audits, and enforces accessibility (a11y) and adaptive design standards in Flutter applications. Ensures compliance with WCAG 2 and EN 301 549 by applying proper semantic roles, contrast ratios, tap target sizes, and assistive technology integrations. Constructs adaptive layouts that respond to available screen space and input modalities (touch, mouse, keyboard) without relying on hardware-specific checks or locked orientations.

Decision Logic

When implementing UI components, follow this decision tree to determine the required accessibility and adaptive design implementations: