How do I fix screen reader skipping issues?

The skill provides a troubleshooting guide focused on checking ExcludeSemantics wrappers, verifying label existence, and using 'flutter run --show-semantics-debug' to inspect the semantic tree.

Does it support automated accessibility testing?

Absolutely. The skill includes comprehensive patterns for 'testWidgets' that verify semantic labels, widget traits, and interaction states within your CI/CD pipeline.

How does this skill help with WCAG compliance?

It provides standardized code patterns and utility classes for calculating color contrast, ensuring 48dp minimum touch targets, and managing text scaling to meet AA and AAA accessibility levels.

Can I use this for both iOS and Android?

Yes, the skill includes specific implementation patterns for VoiceOver on iOS and TalkBack on Android, utilizing Flutter's platform-agnostic Semantics tree.

Flutter Accessibility Master

Name: Flutter Accessibility Master
Author: pluginagentmarketplace

bypluginagentmarketplace

•

Mobile Development

Implements production-grade accessibility features in Flutter including Semantics API, WCAG compliance, and screen reader optimization.

The Flutter Accessibility skill is a specialized toolkit for building inclusive mobile and web applications. It provides deep expertise in Flutter's Semantics API, enabling developers to create apps that work seamlessly with screen readers like VoiceOver and TalkBack. From managing complex focus orders and custom semantic actions to implementing automated accessibility testing and WCAG 2.1 AA/AAA color contrast checks, this skill ensures that your Flutter projects are usable by everyone, including those with visual, motor, or cognitive impairments.

Key Features

01Automated WCAG 2.1 AA/AAA compliance checking for colors and touch targets

02Focus management and custom keyboard navigation policies

03Built-in accessibility testing patterns for Flutter's widget test framework

04Screen reader optimization for VoiceOver and TalkBack with custom live regions

05Advanced Semantics API implementation for complex widget hierarchies

061 GitHub stars

Use Cases

01Setting up automated UI tests to prevent accessibility regressions in production

02Auditing and refactoring an existing Flutter app to meet global accessibility standards

03Implementing custom semantic labels and actions for non-standard UI components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pluginagentmarketplace/custom-plugin-flutter accessibility

For use in Claude.ai and ChatGPT

Download Skill