flutter-accessibility
CommunityMake Flutter apps accessible and adaptive
Software Engineering#accessibility#a11y#wcag#flutter#adaptive-layouts#accessibility-testing#semantic-roles
Authortakzobye
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Ensures Flutter applications are usable by people who rely on assistive technologies and adaptive layouts by providing clear guidance to implement semantics, keyboard/mouse support, adequate contrast, and minimum tap targets across mobile, web, and desktop.
Core Features & Use Cases
- Semantic Annotations: Use Semantics, MergeSemantics, and explicit SemanticsRole mappings so screen readers and web ARIA expose meaningful UI information.
- Adaptive Layouts: Prefer LayoutBuilder and MediaQuery.sizeOf for responsive breakpoints rather than hardware checks; constrain widths for readability on large screens.
- Interaction & Focus: Implement FocusableActionDetector, Shortcuts, FocusTraversalGroup, and MouseRegion to support keyboard navigation and hover states.
- Validation & Testing: Provide guidance for automated widget tests using accessibility guidelines (tap targets, contrast, labeled elements) to continuously validate a11y compliance.
Quick Start
Enable web semantics at app startup and add Semantics wrappers, minimum tap target constraints, and LayoutBuilder-based responsive widgets so screen readers, keyboard navigation, and contrast requirements are enforced.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: flutter-accessibility Download link: https://github.com/takzobye/flutter_social_share_plus/archive/main.zip#flutter-accessibility Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.