Accessibility Support in React Native Applications

An illustration about accessibility, a blind man sitting on a phone and listening the applications
An illustration about accessibility, a blind man sitting on a phone and listening the applications
An illustration by Ceren Sivri
A person wearing headphones and sitting at a desk with using a keyboard
A person wearing headphones and sitting at a desk with using a keyboard
Tuukka Ojala at office— taken from https://www.vincit.fi/fi/software-development-450-words-per-minute/
Holding hands
Holding hands
Photo by Roman Kraft on Unsplash

What can we do for visually impaired people not only as humans but also as developers? We can make the apps suitable for their needs. We can add accessibility features to help their usage.

A chart about who uses screen readers
A chart about who uses screen readers
Picture taken from https://www.grossbauer.com/latest/web-accessibility-understanding-screen-readers
A hand holding a phone
A hand holding a phone
Photo by Samson Vowles on Unsplash

Let’s start

AccessibilityRole

AccessibilityState

Graphical user interface, text, application, email
Graphical user interface, text, application, email
Example for “selected” — taken from iOS Settings
Graphical user interface, text, application, email
Graphical user interface, text, application, email
Example for “checked” — taken from iOS Settings
Graphical user interface, text, application, email
Graphical user interface, text, application, email

AccessibilityHint

Did you know that VoiceOver uses Machine Learning ?

A man holding a paper “A.I” text on it
A man holding a paper “A.I” text on it
Photo by Hitesh Choudhary on Unsplash

Recommendation

Conclusion

Frontend Developer at Otsimo. Interested in technology, computer science, yoga and Italian culture.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store