REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

←

Back to Home

🛡️

Accessible by Default

Apps that work for everyone, out of the box.

WCAG 2.1

AA compliance across all components

Browse Components →

The Problem

Accessibility as an Afterthought

Most apps pass visual QA but fail assistive technology entirely. Screen reader users encounter unlabeled buttons, missing focus management, and broken navigation patterns. Color contrast ratios violate WCAG. Retrofitting accessibility after launch is expensive, risky, and often incomplete.

Our Solution

WCAG Compliance Baked In

Every React-Natives component ships with correct accessibilityRole, sensible default accessibilityLabel fallbacks, proper focus management, and color contrast that meets WCAG 2.1 AA. You build inclusive apps without becoming an accessibility specialist.

Key Benefits

🔊

Screen Reader Ready

→

Correct accessibilityRole and live region announcements on every interactive element.

🎯

Focus Management

→

Modals, drawers, and dialogs trap focus on open and restore it correctly on close.

🎨

Contrast Compliant

→

All default color tokens meet WCAG 2.1 AA contrast ratios for text and UI elements.

🤫

Reduced Motion Support

→

Components respect the system reduced-motion preference — animations become instant transitions.

See It in Code

example.tsx

// Accessibility props set automatically — you don't have to think about it
<Button
  accessibilityRole="button"       // ← set by default
  accessibilityLabel="Submit form" // ← falls back to ButtonText content
  onPress={handleSubmit}
>
  <ButtonText>Submit</ButtonText>
</Button>

// Modal traps focus, announces to screen readers, restores focus on close
<AlertDialog isOpen={open} onClose={() => setOpen(false)}>
  <AlertDialogContent>
    <AlertDialogHeader>
      <Heading>Confirm Action</Heading>   // ← announced as dialog title
    </AlertDialogHeader>
  </AlertDialogContent>
</AlertDialog>

Ready to get started?

Explore all 70+ components and start shipping production-grade apps today.

Browse Components →

Back to Home

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License