awesome-mobile-accessibility-agent-skills

Labels, errors, grouping, and autofill for mobile forms. Use this when building any screen that collects user input — login, signup, checkout, profile editing.

Announcing validation results, shaping error messages, and recovering focus. Use this when implementing client-side validation or async server-side errors in forms.

POUR (Perceivable, Operable, Understandable, Robust) principles translated to mobile contexts. Use this when kicking off a new feature or doing an accessibility triage of an existing screen.

WCAG 2.2 success criteria translated to mobile platforms — gestures, inputs, orientation, focus, and target size. Use this when scoping accessibility acceptance criteria for a mobile feature.

Keyboard, D-pad, and hardware-switch support on iOS (Full Keyboard Access), Android, Flutter, and React Native. Use this when building screens that must be usable without touch.

Supporting iOS Switch Control + Voice Control, Android Switch Access + Voice Access, and AssistiveTouch. Use this when building any interactive UI, especially custom gestures, drag-and-drop, or non-standard controls.

Minimum touch-target sizes, hit-slop, and spacing on iOS, Android, Flutter, and React Native. Use this when designing icon buttons, toolbars, list actions, or anything smaller than a full-width row.

Right-to-left (RTL) layout mirroring, bidirectional text, numerals, and accessibility implications on iOS, Android, Flutter, and React Native. Use this when supporting Arabic, Hebrew, Urdu, or Farsi locales.

Safe animation patterns — vestibular triggers, parallax, autoplay, flashing thresholds, and user controls. Use this when specifying motion-heavy UI like onboarding, marketing screens, and media players.

Detecting and honoring the user's reduce motion preference on iOS, Android, Flutter, and React Native. Use this when building transitions, parallax, hero animations, or autoplay.

Controlling traversal order for screen readers, keyboards, and switches — custom focus, focus traps, and focus restoration. Use this when the visual layout diverges from the document order or when building overlays and dialogs.

Accessible dialogs, bottom sheets, and popovers — announcing, trapping focus, handling dismiss, and returning focus. Use this when adding modal UI to any platform.

Cross-platform semantics — labels, roles, values, and states across iOS, Android, Flutter, and React Native. Use this to keep screen-reader behavior consistent across platforms.

Android TalkBack essentials — semantics, importantForAccessibility, live regions, custom actions, and Jetpack Compose semantics blocks. Use this when building or auditing Android UI for screen-reader users.

iOS VoiceOver essentials — accessibility traits, labels/values/hints, custom elements, accessibilityElements order, and rotor support. Use this when building or auditing iOS UI for screen-reader users.

Automated accessibility tooling — Accessibility Scanner (Android), Accessibility Inspector + XCUIAccessibilityAudit (iOS), axe-core Flutter and RN, Espresso a11y checks. Use this to wire a11y checks into CI.

Heuristic audit playbook, user-testing approach, and issue-logging conventions for mobile accessibility. Use this before every major release or at least quarterly on the main flows.

WCAG contrast ratios, non-text contrast, and color-blind-safe patterns for mobile UI. Use this when designing palettes, tokens, or auditing a screen for color accessibility.

Accessibility pitfalls specific to dark themes — contrast, elevation, pure black, and system overrides. Use this when designing dark theme palettes or auditing parity between themes.

Honoring user font-scale preferences on iOS, Android (Views and Compose), Flutter, and React Native. Use this when building text-heavy screens or component libraries.