3104: Improve bottomSheet accessibility

[bahaaTuffaha]

Short Description

Make the BottomSheet Slider in Pois accessible to screen readers

Add announcement to the main component when focused by adding accessibilityHint with sth like Locations near you (currently it is announcing BottomSheet Slider) and add announcement on how many items are in the list.

Proposed Changes

Noticable problems:
First of all I can't change the "BottomSheet Slider" accessibility label from PoisBottomSheet. I had an idea of using patch-package to change this label but it could be bad idea for reusability.

The other difficulty is trying to make the bottom-sheet easier to be selected by the screen reader because it's tricky to select the bottom-sheet by tapping (the selection will go to the map behind) at android so I found out the only way is to disable the map's accessibility by using importantForAccessibility='no'.

• Added an accessibilityLabel to announce number of locations near the user.
• Included translations.

Note: not tested on iOS.

Side Effects

• none

Testing

• Enable talkback.
• Go to pois/map and check the list.
  (while using talkback swipe left/right to reach the list if it's hard to tap it)

Resolved Issues

Fixes: #3104

---

[steffenkleinle]

The other difficulty is trying to make the bottom-sheet easier to be selected by the screen reader because it's tricky to select the bottom-sheet by tapping (the selection will go to the map behind) at android so I found out the only way is to disable the map's accessibility by using importantForAccessibility='no'.

I think this would be okay as we explicitly exclude the map from being accessible in our accessibility declaration as maps are just by design not really accessible. So feel free to implement this.

[steffenkleinle]

Not tested, nice work.