Does this skill support both Android and iOS?

Yes, it specifically validates requirements for both platform-specific screen readers: VoiceOver for iOS and TalkBack for Android, ensuring cross-platform compliance.

What happens if a violation is found during the audit?

The skill identifies the specific violation and can automatically dispatch a fix request to a frontend engineering agent to resolve the issue before re-testing.

Why is Gate 1 accessibility testing mandatory in this workflow?

Accessibility is a core requirement for all mobile applications. Retrofitting accessibility features after development can cost up to 10x more than implementing them during the initial build.

Can I use this skill with JavaScript projects?

This specific skill is currently optimized for React Native projects using TypeScript (TSX) to ensure type safety and consistent prop usage.

What are the minimum touch target requirements it checks for?

It enforces a minimum hit area of 44x44pt on iOS and 48x48dp on Android, which are the recommended standards for mobile usability.

React Native Accessibility Auditor

Name: React Native Accessibility Auditor
Author: luanrodrigues

byluanrodrigues

•

Mobile Development

Validates React Native components for VoiceOver, TalkBack, and touch target compliance to ensure mobile accessibility standards.

This skill automates Gate 1 of the React Native development cycle, focusing exclusively on accessibility (A11y) compliance. It audits components for mandatory props like accessibilityLabel and accessibilityRole, verifies touch target sizes meet iOS and Android minimums, and ensures logical reading orders for screen readers. By integrating directly into the development workflow, it prevents the high costs of retrofitting accessibility later and guarantees that mobile applications are usable by all users, including those using assistive technologies like switch control and screen readers.

Características Principales

01Integration with React Native Testing Library (RNTL) for A11y-specific selectors

02Automated remediation loop that dispatches fixes to implementation agents

032 GitHub stars

04Touch target size validation (44pt for iOS and 48dp for Android)

05Automated verification of accessibility props (Label, Role, Hint, and State)

06Platform-specific compliance checks for both VoiceOver and TalkBack

Casos de Uso

01Auditing complex mobile UI screens for screen reader compatibility and logical focus order

02Enforcing accessibility standards immediately after component implementation

03Validating touch target areas to prevent navigation errors for users with motor impairments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-accessibility-react-native

For use in Claude.ai and ChatGPT

Características Principales

01Integration with React Native Testing Library (RNTL) for A11y-specific selectors

02Automated remediation loop that dispatches fixes to implementation agents

032 GitHub stars

04Touch target size validation (44pt for iOS and 48dp for Android)

05Automated verification of accessibility props (Label, Role, Hint, and State)

06Platform-specific compliance checks for both VoiceOver and TalkBack

Casos de Uso

01Auditing complex mobile UI screens for screen reader compatibility and logical focus order

02Enforcing accessibility standards immediately after component implementation

03Validating touch target areas to prevent navigation errors for users with motor impairments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-accessibility-react-native

For use in Claude.ai and ChatGPT