[v4] | [v2] Lacking Accessibility Support

[llochridge0]

Bug

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.1
react-native	0.72.14
react-native-reanimated	3.3.0
react-native-gesture-handler	2.9.0

Steps To Reproduce

Open Xcode -> click on top bar (Xcode) -> Open Developer tools -> Accessibility Inspector -> Choose Simulator or device with app (that is using Bottomsheet) -> Navigate in app to location with bottomsheet.

1. Inspect contents in bottom sheet. There are no accessibility targets other than the entire bottom sheet. label: Bottom sheet backdrop, hint: Tap to close the bottom sheet and Traits: Button

Describe what you expected to happen:

1. When inspecting a bottomsheet each of the components/content within should retain its own accessibility labels, roles and hints

On the site it states that Gohorm BottomSheet supports accessibility, so I guess that could be subjective. Is what I'm encountering the expected outcome?

Reproducible sample code

[kkureli]

Hi, any solution?

[llochridge0]

Hi, any solution?

Sadly I have neither seen nor heard anything on this. Best solution at this point seems to be, find an alternative.

[kkureli]

Hi, any solution?

Sadly I have neither seen nor heard anything on this. Best solution at this point seems to be, find an alternative.

Thanks for reply. Do you mean another bottom sheet library as an alternative?

[llochridge0]

Hi, any solution?

Sadly I have neither seen nor heard anything on this. Best solution at this point seems to be, find an alternative.

Thanks for reply. Do you mean another bottom sheet library as an alternative?

Yes, I will likely have to find an alternate bottom sheet library (or make my own implementation)

[eirikluka]

The whole BottomSheet has the property accessible={true} as default. If you set accessible={false} you should be able to navigate using VoiceOver / Accessibility Inspector.

I don't know why the default is true, but it might be a misunderstanding of what the property does. I've made that mistake myself.

Here's a PR from April which solves this.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions]

This issue was closed because it has been stalled for 5 days with no activity.

[idanlevi1]

By default is accessible: true, so in IOS does not move between elements inside so my solution is:

<BottomSheetElement
            accessible={Platform.OS === 'android'}
            ...