flutter-accessibility

Community

Make Flutter apps accessible and adaptive

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.