leecade / leecade/react-native-swiper
Disable Accessibility not working
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 10.5k
- Forks
- 2.3k
- PR merge metrics
- No merged PRs in 30d
Description
Which OS ?
windows10
Version
Which versions are you using:
- react-native-swiper v1.5.13
- react-native v0.55.3
Expected behaviour
disable Accessibility for slides
Actual behaviour
nothing happens!
code
<View accessible={false} focusable={false} style={{height: this.state.deviceWidth*.257}} onLayout={this.onLayout}>
<Swiper style={styles.wrapper} accessible={false} focusable={false}
// onMomentumScrollEnd={(e, state, context) => console.log('index:', state.index)}
dot={<View accessible={false} focusable={false} style={{backgroundColor: 'rgba(0,0,0,.2)', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3}} />}
activeDot={<View accessible={false} focusable={false} style={{backgroundColor: '#0366d6', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3}} />}
paginationStyle={{
bottom: 5
}} loop autoplay>
{this.props.slides.data.map((item, key) => {
return (
<View key={key} accessible={false} focusable={false} style={styles.slide}>
<Image resizeMode='cover' style={styles.image} source={{uri: item.image}} />
</View>
)
})}
</Swiper>
</View>
Accessibility is a tool for making app readable to people with disabilities. I tested swiper with TalkBack and it says name of each slides (when autoplay={true}) and this is not sutiable (I need autoplay). I tried for disabling accessible for swiper but not working, is this a problem or I'm doing wrong?
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the provided react-native-swiper example on Windows 10 with TalkBack and autoplay enabled, then inspect how the Swiper component exposes slides and pagination to accessibility. Confirm which elements are announced and compare that behavior with the requested disabled accessibility state. Done means autoplay still works without TalkBack announcing the slides unnecessarily.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- accessibility, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100