skills.rest
MolcajeteAI
MolcajeteAIOFFICIAL
Explore all skills by this author →
GitHub

accessibility-mobile

Implement accessibility features in React Native apps for iOS and Android.

2|1|Updated Nov 13, 2025
Search Tags:#inclusive design#accessibility#a11y#screen reader#mobile development#react native
One-click install
npx skills add https://github.com/MolcajeteAI/plugin --skill accessibility-mobile
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-mobile
Source: https://github.com/MolcajeteAI/plugin/tree/main/deprecated/tech-stacks/js/react-native/skills/accessibility-mobile
Command: npx skills add https://github.com/MolcajeteAI/plugin --skill accessibility-mobile

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers create accessible React Native applications, ensuring that users with disabilities can effectively interact with the app.

Core Features & Use Cases

  • Screen Reader Support: Implement proper labels and hints for VoiceOver and TalkBack.
  • Interactive Element Accessibility: Define roles and states for buttons, switches, and other controls.
  • Form Accessibility: Ensure form fields are correctly associated with labels and announce errors.
  • Use Case: When building a new feature in your React Native app, use this skill to ensure all new buttons and form inputs are correctly configured for screen readers.

Quick Start

Use the accessibility-mobile skill to add accessibility labels and roles to the provided button component.

Frequently Asked Questions about accessibility-mobile

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add screen reader support to React Native components?▼

To add screen reader support in React Native, use accessibility labels, roles, and hints on interactive elements to provide proper VoiceOver and TalkBack announcements for users with visual impairments.

How do I make forms accessible in React Native?▼

Making forms accessible in React Native requires correctly associating labels with input fields, defining appropriate accessibility roles, and ensuring error messages are announced to screen readers.

What is the best way to define accessibility roles for interactive elements in React Native?▼

The best way to define accessibility roles in React Native is by using the accessibilityRole prop to declare semantic roles like buttons or switches, allowing screen readers to accurately convey element states.

Can I implement live regions for dynamic content changes in React Native?▼

Yes, you can implement live regions in React Native to announce dynamic content changes, ensuring screen readers automatically notify users when updates occur in specific view areas.

How do I test accessibility features for iOS and Android in React Native apps?▼

Testing React Native accessibility features involves verifying screen reader interactions on both iOS and Android, checking label associations, and ensuring compliance with inclusive mobile development standards.

Does React Native support accessibility compliance for inclusive mobile development?▼

React Native supports accessibility compliance by providing props for screen reader support, interactive element roles, and form accessibility, ensuring applications meet inclusive mobile development standards.

Related Skills

Explore More Software Engineering Skills→
STier-AiSTier-Ai
5

frontend-mobile-development-component-scaffold

Generate React/React Native components with TypeScript interfaces, styling, and tests.

Official
Intermediate
OzeroHAXOzeroHAX
32

testing-a11y

Test web applications for WCAG accessibility compliance and keyboard navigation.

Community
Intermediate
dinogitdinogit
1

react-hook-form

Build validated React forms with React Hook Form and Zod.

Community
Intermediate
bonnguyenitcbonnguyenitc
19

mobile-uiux-promax

Design and evaluate mobile app interfaces for iOS, Android, React Native, Flutter, SwiftUI, and Jetpack Compose.

Community
Advanced