Accessibility props
See original GitHub issueThe website homepage says “it supports accessibility standards” & “ships with a lot of components and interactions that are there to satisfy every single use case you might have”.
But I only see the accessabilityLabel
prop on the text component. Im trying to meet AA standards, but I’m not sure how I would tabindex through the UI with keyboard controls. It seems I can’t pass focusable
/ tabindex
& the many other accessibility props I’d want in production.
I’ve also checked the source code of some inputs and I dont see how to pass the correct props. Am I missing something from the docs?
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Accessibility - React Native
Create mobile apps accessible to assistive technology with React Native's suite of APIs designed to work with Android and iOS.
Read more >Accessibility - React
This code exposes the functionality to both pointer device and keyboard users. Also note the added aria-* props to support screen-reader users. For...
Read more >Making your app accessible with React-Native - Medium
There is a growing demand for applications to be made accessible for people living with disabilities. Below I summarize some key accessibility props...
Read more >has-accessibility-props - eslint-plugin-react-native-a11y - GitHub
The accessibilityRole props tells VoiceOver on iOS what kind of element the user has selected. Touchable components are one of: TouchableOpacity ...
Read more >Accessibility // React Native for Web - GitHub Pages
Accessibility Props API ... React Native for Web includes APIs for making accessible apps. The most common and well supported accessibility ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@lukewalczak is there anything further to discuss on this issue?
I can pass
tabIndex
as a prop toTextInputs
by usinginputProps
ie:<TextInput inputProps={{ tabIndex: '2' }} />
but I don’t know how to do that for any other form-controls in my form, Buttons, Checkboxes and RadioButtons. There is also a list of props withreact-native-web
in this link that I’d like to pass to form components