2352: Announce number of search results to a screen reader

[LeandraH]

Short description

This announces the number of search results to screen readers.

Proposed changes

I had to do quite some research for this PR so if you want to follow along, I'll add some sources.

• The best practices for announcing the number of search results is to only tell a user how many results there are if they haven't interacted with the app in a bit, unless there are no results; if there are no results, we want to tell the user immediately so they don't waste energy typing (https://www.scottohara.me/blog/2022/02/05/dynamic-results.html)
• There is a wonderful parameter in React Native called accessibilityLiveRegion that does exactly that. In Android.
• The iOS development of the parameter isn't going anywhere (adding iOS support for accessibilityLiveRegion facebook/react-native#35432).
• A random person on StackOverflow suggested using an effect for it.
• I decided to go with the built-in accessibilityLiveRegion for Android.
• For iOS, I implemented the effect to only announce if there are no more results to save the user typing. The wait until a user hasn't interacted with the app for a little while is too fuzzy for a hard implementation.

Side effects

• Hopefully none

Testing

To test on an iOS device (it has to be a real device, VoiceOver doesn't work on emulators):

1. Go into the device settings, search for VoiceOver and enable it.
2. Open Integreat
3. Go to search
4. Start typing until there are no more results

To test on an Android device:

1. If you don't have TalkBack installed, install the Android Accessibility Suite from the Play Store.
2. Open the device settings, search for TalkBack, enable it.
3. Open Integreat
4. Go to search
5. Start typing

Resolved issues

Fixes: #2352

---

[bahaaTuffaha]

Suggestions:

• I think this need like a debounce function just to delay the announcing for number of pages after I finish typing.
• Does the location search input needs the same functionality?