skills.rest
ucdavis
ucdavisOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-native

Implement and audit accessibility in React Native and Expo apps per WCAG 2.1 AA.

8|3|Updated Mar 11, 2026
Search Tags:#accessibility#a11y#mobile development#wcag#react native#expo
One-click install
npx skills add https://github.com/ucdavis/ai-skills-registry --skill react-native-ucdavis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/ucdavis/ai-skills-registry/tree/main/skills/accessibility/react-native
Command: npx skills add https://github.com/ucdavis/ai-skills-registry --skill react-native-ucdavis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill ensures your React Native and Expo mobile applications are usable by everyone, regardless of their abilities, by addressing accessibility gaps and implementing best practices.

Core Features & Use Cases

  • Audit & Fix: Identifies and resolves accessibility issues like missing labels, poor contrast, and incorrect focus order.
  • Implementation Guidance: Provides patterns and prop references for building accessible components from scratch.
  • Use Case: You've built a new feature in your React Native app, and you want to ensure it's fully usable with screen readers like VoiceOver and TalkBack, and meets WCAG 2.1 AA standards.

Quick Start

Use the react-native skill to audit the accessibility of your app's components.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I make my React Native app accessible with screen readers?▼

To make a React Native app accessible, you need to add proper accessibility labels, manage focus order, and ensure color contrast meets WCAG 2.1 AA standards for VoiceOver and TalkBack compatibility.

What's the best way to audit React Native components for WCAG compliance?▼

Auditing React Native components for WCAG compliance involves checking for missing accessibility labels, poor color contrast, and incorrect focus management to ensure mobile applications are usable by everyone.

How do I manage focus order in Expo mobile applications for accessibility?▼

Managing focus order in Expo mobile applications requires configuring accessibility props on components to ensure screen readers navigate elements logically and adhere to adapted WCAG 2.1 AA mobile standards.

Does this accessibility approach work with both VoiceOver and TalkBack?▼

Yes, this accessibility approach works with both VoiceOver and TalkBack by implementing standard React Native accessibility props and patterns that address screen reader-specific issues across mobile platforms.

Why does my screen reader skip elements in my React Native app?▼

A screen reader skips elements in a React Native app when components lack proper accessibility labels or have incorrect focus management, requiring an audit to resolve missing props and structural issues.

Can I build accessible React Native components from scratch using this?▼

Yes, you can build accessible React Native components from scratch by following implementation patterns and prop references that adhere to WCAG 2.1 AA standards adapted for mobile platforms.

Related Skills

Explore More Software Engineering Skills→
parisgroup-aiparisgroup-ai
1

mobile-native-bestpractices

Review React Native and Expo screens for architecture, performance, and accessibility issues.

Official
Advanced
dawitlabsdawitlabs
3

a11y

Audit rendered UI with axe-core and validate keyboard navigation and focus visibility.

Community
Advanced
treesus6treesus6
1

sq-mobile-dev

Enforce React Native/Expo development standards for SkateQuest-Mobile UI components.

Community
Intermediate
josephblaisjosephblais

mobile-accessibility

Provide accessibility reference data for React Native, iOS, and Android auditing.

Community
Intermediate