With the recent launch of on web and on mobile, we’ve provided a new front-end framework for developers to build products. One key aspect of building a robust product is ensuring that anyone can use it, including people who have vision loss or other disabilities. The Accessibility API for and Native enables you to make any -powered experience usable by someone who may use assistive technology, like a screen reader for the blind and visually impaired.

For this post, we’re going to focus on React Native . We’ve designed the React Accessibility API to look and feel similar to the iOS and Android APIs. If you’ve developed applications for the web, iOS, or Android before, you should feel comfortable with the framework and nomenclature of the React AX API. For instance, you can make a UI element accessible (therefore exposed to assistive technology) and use accessibilityLabel to provide a string description for the element:

<View accessible={true} accessibilityLabel=”This is simple view”>

Let’s walk through a slightly more involved application of the React AX API by looking at one of Facebook’s own React-powered products: the Ads Manager app.

This is an excerpt. Read the rest of the post on Facebook Code.



Source link https://facebook.github.io/react-native/blog/2015/11/23/-react-native-apps-accessible.html

LEAVE A REPLY

Please enter your comment!
Please enter your name here