skills.rest
dimitriRemoiville
dimitriRemoivilleCOMMUNITY
Explore all skills by this author →
GitHub

flutter-accessibility

Apply Flutter accessibility patterns with semantics, tap targets, and text scaling.

1|Updated Apr 24, 2026
Search Tags:#accessibility#flutter#semantics#rtl#screen-readers#tap-targets
One-click install
npx skills add https://github.com/dimitriRemoiville/cc-mobile --skill flutter-accessibility-dimitriremoiville
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-accessibility
Source: https://github.com/dimitriRemoiville/cc-mobile/tree/main/plugins/cc-mobile-flutter/skills/flutter-accessibility
Command: npx skills add https://github.com/dimitriRemoiville/cc-mobile --skill flutter-accessibility-dimitriremoiville

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter apps often lack proper accessibility wiring, making them unusable for screen readers and users with visual impairments; this Skill provides a clear set of patterns to ensure semantic support, appropriate tap targets, and responsive text scaling.

Core Features & Use Cases

  • Semantics integration: ensure widgets expose correct roles and labels for TalkBack/VoiceOver.
  • Focus and tap targets: enforce minimum hit areas across screens.
  • Text scaling and RTL: support dynamic text scaling and right-to-left layouts.
  • Use Case: when adding a new screen, apply semantics wrappers and constrain tap targets so the UI is accessible by all users.

Quick Start

Audit a screen and add semantic labels, correct roles, and minimum 48dp tap targets to ensure accessibility.

Frequently Asked Questions about flutter-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add screen reader semantics to a Flutter UI?▼

To add screen reader semantics to a Flutter UI, wrap widgets in semantics labels and assign explicit accessible roles so TalkBack and VoiceOver can correctly interpret elements.

What is the minimum tap target size for accessible Flutter apps?▼

The minimum tap target size for accessible Flutter apps is 48dp. Enforcing this hit area ensures buttons and interactive elements remain usable for individuals with motor impairments.

How do I support dynamic text scaling and RTL layouts in Flutter?▼

Support dynamic text scaling and right-to-left layouts in Flutter by utilizing MediaQuery.textScaler for responsive text behavior and configuring semantics for RTL considerations.

Does Flutter require explicit semantics for TalkBack and VoiceOver support?▼

Yes, Flutter requires explicit semantics for TalkBack and VoiceOver support. Applying semantics wrappers ensures widgets expose correct roles and labels for visually impaired users.

How do I audit a Flutter screen for accessibility compliance?▼

To audit a Flutter screen for accessibility compliance, verify that all interactive elements have minimum 48dp tap targets, explicit semantic labels, and correct accessible roles.

Why does my Flutter tap target fail accessibility guidelines?▼

Your Flutter tap target fails accessibility guidelines when its hit area is below the enforced 48dp minimum, making it difficult for users with motor impairments to interact accurately.

Related Skills

Explore More Software Engineering Skills→
VGonPaVGonPa
2

building-flutter-widgets

Guide Flutter widget composition with Material Design 3 and responsive layouts.

Community
Intermediate
emilneuraz-aiemilneuraz-ai

screen-reader-testing

Validate web accessibility by testing applications with screen readers.

Community
Advanced
HarishwarriorHarishwarrior
58

flutter-tester

Guide Flutter developers in creating, writing, and analyzing unit, widget, and integration tests.

Community
Basic
bonnguyenitcbonnguyenitc
19

mobile-uiux-promax

Design and evaluate mobile app interfaces for iOS, Android, React Native, Flutter, SwiftUI, and Jetpack Compose.

Community
Advanced