skills.rest
dodyg
dodygCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-accessibility

Identify and correct accessibility violations in React Native, Expo, SwiftUI, and Jetpack Compose code.

Updated Aug 16, 2025
Search Tags:#accessibility#audit#mobile#ios#android#react-native
One-click install
npx skills add https://github.com/dodyg/blue-nile-pds --skill mobile-accessibility-dodyg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-accessibility
Source: https://github.com/dodyg/blue-nile-pds/tree/main/.agents/skills/mobile-accessibility
Command: npx skills add https://github.com/dodyg/blue-nile-pds --skill mobile-accessibility-dodyg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers and designers often struggle to ensure that React Native, iOS, and Android mobile interfaces meet accessibility standards, leading to poor user experiences for people with disabilities.

Core Features & Use Cases

  • Comprehensive prop tables for React Native, including accessibilityLabel, accessibilityRole, and state mappings.
  • Platform-specific role mappings for iOS SwiftUI traits and Android Jetpack Compose semantics.
  • Touch target size guidelines for iOS, Android, and mobile web.
  • Common violation patterns with before‑and‑after code examples for React Native, SwiftUI, and Compose.
  • Testing tool commands for iOS Accessibility Inspector, Android Accessibility Scanner, and React Native testing libraries.
  • Use Case: Quickly audit a React Native component library and generate a report of accessibility issues with recommended fixes.

Quick Start

Ask the mobile-accessibility skill to review my React Native component and list any accessibility issues.

Frequently Asked Questions about mobile-accessibility

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

FAQPage Schema
How do I audit my React Native component for accessibility issues?▼

To audit mobile app accessibility in React Native, submit your component code to generate a report of violations. You receive property references for accessibilityLabel, accessibilityRole, state mappings, and before-and-after code snippets for remediation.

What are the iOS SwiftUI accessibility traits and Android Compose semantics role mappings?▼

iOS SwiftUI accessibility traits and Android Jetpack Compose semantics are mapped using platform-specific role references. The audit provides tables matching these traits and semantics to ensure mobile interfaces meet accessibility standards across different platforms.

Does this accessibility audit cover iOS SwiftUI and Android Jetpack Compose code?▼

Yes, the accessibility audit covers iOS SwiftUI and Android Jetpack Compose code, alongside React Native and Expo. It identifies violations across these platforms and provides specific touch target size guidelines and fix patterns for each.

What are the minimum touch target size guidelines for iOS and Android?▼

Minimum touch target size guidelines for iOS, Android, and mobile web are provided as part of the accessibility audit. These guidelines ensure interactive elements meet dimensional standards, alongside before-and-after code examples for correcting violations.

How do I test for accessibility violations using iOS Accessibility Inspector and Android Accessibility Scanner?▼

You can test for accessibility violations using iOS Accessibility Inspector, Android Accessibility Scanner, and React Native testing libraries. The audit provides the specific testing tool commands needed to identify and correct mobile interface accessibility issues.

Related Skills

Explore More Software Engineering Skills→
Yemomo511Yemomo511
2

expo-ui-jetpack-compose

Integrate native Android Jetpack Compose views into Expo applications.

Community
Basic
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
guichefferguicheffer
3

rn-accessibility

Implement accessibility labels, roles, and hints for React Native components.

Community
Intermediate
FriendlyInternetFriendlyInternet
10

a11y

Review Vue.js code for WCAG/ARIA accessibility compliance and fixes.

Official
Advanced