custom-plugin-flutter-skill-accessibility

What problem does it solve?

Flutter apps often fail to be accessible to users with disabilities. This Skill provides a practical pattern library and code examples to add semantics, screen reader support, proper hit targets, and WCAG-conscious UI decisions to Flutter projects.

Core Features & Use Cases

• Semantics-focused widgets and attributes (Semantics, MergeSemantics, ExcludeSemantics) to expose meaningful labels, hints, and roles.
• Screen reader compatibility and live region updates to ensure dynamic content is announced correctly.
• Visual accessibility: color contrast checks, text scaling, motion preference handling, and inclusive design patterns.
• Use Case: Turn a catalog list into an accessible experience by adding semantic labels, proper hit targets, and keyboard focus order.

Quick Start

To begin, wrap interactive UI elements with Semantics, use 48x48 touch targets, enable live regions for updates, and run the built-in validation script to verify the skill structure and config. Then review the provided references to implement accessible patterns in Flutter components.