leecade / leecade/react-native-swiper

Disable Accessibility not working

Open
#792 0 comments 0 reactions 0 assignees View on GitHub

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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.