bee:dev-frontend-accessibility-react-native

Validate React Native components for accessibility compliance with VoiceOver and TalkBack.

2|1|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-frontend-accessibility-react-native
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bee:dev-frontend-accessibility-react-native
Source: https://github.com/luanrodrigues/ia-frmwrk/tree/main/dev-team/skills/dev-frontend-accessibility-react-native
Command: npx skills add https://github.com/luanrodrigues/ia-frmwrk --skill bee-dev-frontend-accessibility-react-native

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that React Native applications are usable by everyone, including individuals with disabilities, by rigorously testing and enforcing accessibility standards.

Core Features & Use Cases

  • VoiceOver/TalkBack Compliance: Verifies compatibility with screen readers on iOS and Android.
  • Accessibility Prop Validation: Checks for correct accessibilityLabel, accessibilityRole, and accessibilityHint.
  • Touch Target Sizing: Ensures interactive elements meet minimum size requirements for easy interaction.
  • Use Case: After developing a new feature in a React Native app, use this Skill to guarantee that all buttons, inputs, and interactive components are properly labeled and large enough for users with motor impairments or visual impairments using screen readers.

Quick Start

Run accessibility checks for the provided React Native implementation files.

Frequently Asked Questions about bee:dev-frontend-accessibility-react-native

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

FAQPage Schema
How do I test React Native components for VoiceOver and TalkBack compatibility?

Test React Native accessibility by validating components for VoiceOver and TalkBack compatibility. The skill checks for correct accessibilityLabel, accessibilityRole, and accessibilityHint props using automated testing library checks.

What is the minimum touch target size for accessible React Native interactive elements?

Accessible React Native interactive elements must meet minimum touch target size requirements. This validation ensures buttons and inputs are large enough for users with motor impairments to interact with easily.

How do I automate accessibility prop validation in a React Native app?

Automate accessibility prop validation by integrating with React Native Testing Library. This process checks implementation files to enforce correct accessibilityLabel, accessibilityRole, and accessibilityHint usage.

Does React Native Testing Library support automated accessibility checks?

Yes, React Native Testing Library supports automated accessibility checks. It validates components for screen reader compliance and enforces correct accessibility props and minimum touch target sizes.

Can I check React Native accessibility roles and hints after developing a new feature?

Yes, you can check React Native accessibility roles and hints after developing a new feature. Run accessibility checks on implementation files to guarantee all interactive components are properly labeled.