skills.rest
coco-de
coco-deOFFICIAL
Explore all skills by this author →
GitHub

flutter-a11y

Analyze Flutter widget trees for accessibility issues and WCAG compliance.

Updated Aug 23, 2026
Search Tags:#accessibility#a11y#screen reader#wcag#flutter#semantics
One-click install
npx skills add https://github.com/coco-de/skills --skill flutter-a11y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-a11y
Source: https://github.com/coco-de/skills/tree/main/plugins/cc-uiux-accessibility/skills/flutter-a11y
Command: npx skills add https://github.com/coco-de/skills --skill flutter-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers ensure their Flutter applications are accessible to users with disabilities by identifying and rectifying accessibility issues.

Core Features & Use Cases

  • Semantics Analysis: Checks for proper use of Semantics widgets and accessibility labels.
  • Component Auditing: Verifies that UI components, especially custom ones like CoUI, expose correct accessibility properties.
  • WCAG Compliance: Validates contrast ratios and touch target sizes against accessibility standards.
  • Use Case: A developer wants to ensure their new Flutter app is usable by visually impaired users. They run this Skill to get a report on missing semantic labels, insufficient contrast, and small touch targets, along with suggestions for fixes.

Quick Start

Analyze the current Flutter widget tree for accessibility issues and suggest improvements.

Frequently Asked Questions about flutter-a11y

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

FAQPage Schema
How do I check my Flutter app for screen reader compatibility?▼

To check screen reader compatibility in a Flutter app, analyze the widget tree for proper implementation of Semantics widgets and semantic labels. This validates that UI components expose correct accessibility properties for assistive technologies.

How do I validate WCAG AA contrast ratios in Flutter widgets?▼

Validate WCAG AA contrast ratios in Flutter by auditing UI elements and CoUI components against accessibility standards. This process checks color contrast levels and identifies insufficient ratios with actionable insights for fixes.

How do I fix missing semantic labels in a Flutter widget tree?▼

Fix missing semantic labels in a Flutter widget tree by analyzing the structure to identify unlabeled elements. The analysis provides actionable insights for adding Semantics widgets and ensuring correct accessibility properties are exposed.

Can I audit custom Flutter UI components for accessibility issues?▼

Yes, you can audit custom Flutter UI components like CoUI for accessibility issues. The analysis verifies that custom components expose correct accessibility properties, including semantic labels, contrast ratios, and touch target sizes.

What is the best way to ensure Flutter touch target sizes meet accessibility standards?▼

The best way to ensure Flutter touch target sizes meet accessibility standards is to analyze the widget tree and validate interactive elements. This process identifies small touch targets and provides suggestions for resizing to comply with WCAG standards.

Related Skills

Explore More Design & Creative Skills→
Saurav-snapworkSaurav-snapwork

flutter-parser

Extract structured widget, state, API, navigation, and model data from Dart/Flutter source code.

Community
Advanced
BenjamindaosonBenjamindaoson

fixing-accessibility

Audit and fix HTML accessibility issues for WCAG compliance.

Community
Intermediate
toly1994328toly1994328
12

widget-code-review

Identify widget quality gaps and design issues in Flutter UI code.

Community
Intermediate
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced