Skip to content

A demo app for demonstrating accessibility features in React Native

Notifications You must be signed in to change notification settings

dtun/accessibility-actions

Repository files navigation

Accessible React Native Demo App

This app demonstrates various accessibility features in React Native, showcasing best practices for creating inclusive mobile applications.

Features

  • Accessibility Demonstrations: Explore various React Native accessibility features in action.
  • Dark/Light Mode: Toggle between dark and light themes for optimal viewing in different lighting conditions.
  • Persisted Data: App state is saved and restored between sessions.
  • Drag and Drop UI: Interactive user interface elements that can be rearranged via drag and drop.

Getting Started

These instructions will help you set up the project on your local machine for development purposes.

System Requirements

  • Node.js
  • Expo CLI

Installation

  1. Clone the repository
  2. Install dependencies:
   npm install

Running the App

  1. Start the Expo development server:
   npm run start

Exploring Accessibility Features

This app demonstrates several key accessibility features, including:

  • VoiceOver support on iOS
  • TalkBack support on Android
  • Dynamic font scaling
  • Accessibility labels and hints

Explore the app to see these features in action and refer to the code for implementation details.

Contributing

Contributions are welcome to improve the app or add more accessibility demonstrations. Please feel free to submit pull requests or open issues to discuss potential improvements.

Thank you

  • React Native team for providing robust accessibility APIs
  • Expo for simplifying React Native development
  • All contributors who help make mobile apps more accessible

About

A demo app for demonstrating accessibility features in React Native

Topics

Resources

Stars

Watchers

Forks