Does this skill work for both iOS and Android?

Yes, it provides patterns for React Native's cross-platform accessibility API, ensuring compatibility with both VoiceOver on iOS and TalkBack on Android.

Can I use it to improve form accessibility?

Yes, it covers mapping error states to accessibilityInvalid and using live regions to announce validation errors to users dynamically as they type.

How does it handle complex states like progress bars or sliders?

The skill includes specific implementations for accessibilityValue and accessibilityState to communicate numeric progress and component status to users clearly.

Can this skill help with screen reader testing?

Absolutely, it includes patterns for using AccessibilityInfo to detect screen readers and best practices for testing components with popular mobile testing libraries.

Does it support system-level preferences like Reduce Motion?

Yes, it provides dedicated hooks to detect and respond to 'Reduce Motion' and other system accessibility settings to ensure a comfortable user experience.

Mobile Accessibility Patterns

Name: Mobile Accessibility Patterns
Author: IvanTorresEdge

byIvanTorresEdge

Mobile Development

Implements WCAG-compliant accessibility features and inclusive design patterns for React Native applications on iOS and Android.

Acerca de

This skill provides a comprehensive set of React Native accessibility (a11y) best practices, allowing developers to build inclusive mobile applications by default. It covers essential props like roles and labels, complex state management for screen readers, focus control, and specialized hooks for system settings like Reduce Motion. Whether you are building custom components or auditing existing ones, this skill ensures your app provides a high-quality experience for users with diverse needs using VoiceOver or TalkBack.

Características Principales

Hooks for system preferences like Reduce Motion and Screen Reader detection
0 GitHub stars
Automated accessibility testing patterns for mobile components
Screen reader optimization for VoiceOver and TalkBack
Dynamic focus management and accessibility live regions
Standardized React Native accessibility roles and state management

Casos de Uso

Building WCAG-compliant custom mobile UI components
Auditing and fixing accessibility gaps in existing React Native apps
Implementing complex forms with real-time validation announcements for screen readers

Acerca de

Características Principales

Hooks for system preferences like Reduce Motion and Screen Reader detection
0 GitHub stars
Automated accessibility testing patterns for mobile components
Screen reader optimization for VoiceOver and TalkBack
Dynamic focus management and accessibility live regions
Standardized React Native accessibility roles and state management

Casos de Uso

Building WCAG-compliant custom mobile UI components
Auditing and fixing accessibility gaps in existing React Native apps
Implementing complex forms with real-time validation announcements for screen readers