mcpField
F
flutter-accessibility

flutter-accessibility

github.com/musabekisakov-imjDesign & UI441 installsUpdated 14w ago
Repository

About flutter-accessibility

flutter-accessibility is a skill for auditing and implementing accessibility in Flutter projects. It covers assistive navigation, text scaling, contrast, localization, and motion, then asks for a report distinguishing automated checks from manual verification.

Key features

  1. 01Audit semantics and assistive navigation
  2. 02Test text scaling and contrast
  3. 03Check localization and RTL layouts
  4. 04Prefer native semantic controls
  5. 05Report verification and gaps

Use cases

  1. 01Review a Flutter app before release
  2. 02Check keyboard and screen-reader journeys
  3. 03Test translated and bidirectional interfaces

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/musabekisakov-imj/flutter-design-engineer --skill flutter-accessibility

After installing, type/flutter-accessibilityin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
references/
accessibility-and-localization.md
connected-product-workflows.md

Details

From the project README

Flutter Accessibility

Treat accessibility failures that block core tasks as release blockers.

Audit

  1. Identify core journeys and the assistive modes relevant to supported platforms.
  2. Inspect semantics, labels, values, hints, grouping, headings, live updates, and decorative exclusions.
  3. Traverse with keyboard, switch-like focus, and screen reader where available.
  4. Test system text scaling up to the supported maximum without clipping or hiding critical actions.
  5. Verify contrast, non-color cues, touch targets, error association, disabled-state clarity, and motion preferences.
  6. Test long translations, pluralization, bidirectional content, mirrored navigation, and directional icon correctness.
  7. Read references/accessibility-and-localization.md and relevant platform guidance already present in the project. For multi-domain dashboards, read references/connected-product-workflows.md and align semantic order with cross-domain visual priority.

Implement

  • Prefer semantic native Flutter controls before custom gesture surfaces.
  • Merge or exclude semantics intentionally; do not create duplicate announcements.
  • Keep focus order aligned with visual and task order.
  • Announce asynchronous errors and important state changes without excessive chatter.
  • Use logical direction APIs (start/end) when layout should mirror.
  • Do not disable text scaling to protect a fragile layout.
  • Provide reduced-motion behavior without removing necessary feedback.

Verify and Report

State tools, platforms, text scales, locales, directions, themes, and journeys tested. Distinguish automated checks from manual assistive-technology verification and identify gaps.

Comments

Markdown supported