question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Accessibility props

See original GitHub issue

The 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:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
conor909commented, Jul 6, 2021

@lukewalczak is there anything further to discuss on this issue?

1reaction
conor909commented, Apr 29, 2021

I can pass tabIndex as a prop to TextInputs by using inputProps 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 with react-native-web in this link that I’d like to pass to form components

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found