Can I use this for Flutter web and desktop apps?

Absolutely. The focus management, keyboard shortcuts, and navigation patterns are essential for creating accessible Flutter experiences on web and desktop platforms.

What UI elements does it cover for color contrast?

It covers contrast requirements for normal text (4.5:1), large text (3:1), and UI components like icons and focus indicators (3:1).

Are there automated tests included?

Yes, the skill includes patterns for writing automated widget tests that verify semantic labels, roles, and minimum touch target sizes.

How does it help with screen reader support?

It provides implementation guides for Semantics, ExcludeSemantics, and SemanticsService to ensure dynamic content and UI elements are correctly announced by TalkBack and VoiceOver.

Does this skill support WCAG 2.2 Level AA?

Yes, it provides specific patterns and requirements to meet WCAG 2.2 Level AA standards, focusing on perceivability, operability, understandability, and robustness.

Accessibility Patterns for Flutter

Name: Accessibility Patterns for Flutter
Author: Kaakati

byKaakati

•

Mobile Development

Implements WCAG 2.2 Level AA accessibility standards in Flutter applications through standardized patterns for semantics, screen readers, and navigation.

This skill provides a comprehensive framework for building inclusive Flutter applications that meet rigorous WCAG 2.2 Level AA requirements. It equips developers with best practices for using Semantics widgets, managing focus traversal, ensuring accessible color contrast, and implementing keyboard shortcuts. By offering production-ready code patterns for screen reader support and touch target optimization, it helps ensure that apps are perceivable, operable, understandable, and robust for all users, including those relying on assistive technologies.

Key Features

01WCAG 2.2 Level AA compliance templates

02Screen reader support with SemanticsService announcements

03Automated accessibility testing patterns

04Focus management and keyboard navigation logic

052 GitHub stars

06Advanced Semantics and MergeSemantics implementations

Use Cases

01Building enterprise-grade mobile apps requiring strict accessibility compliance

02Remediating existing Flutter applications for screen reader compatibility

03Implementing custom keyboard navigation for Flutter web and desktop projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kaakati/rails-enterprise-dev accessibility-patterns

For use in Claude.ai and ChatGPT

Download Skill