Android: Accessibility: Improve voice typing dialog screen reader accessibility

[personalizedrefrigerator]

Summary

This pull request improves the accessibility of the voice typing panel. In particular it:

• Automatically moves focus to the "Voice typing..." header when the dialog opens.
  • Currently, the dialog is opened from the note actions menu. Previously, focus moved to the first focusable item on the screen when opening the panel (the back button).
• Removes the role=alert and aria-live=polite attributes from the voice typing panel's container.
  • Previously, whenever new spoken text was recognised, the screen reader re-read "Voice typing... Please record your voice..." followed by the recognised text.
• Adds role=alert and aria-live=polite to just the Please record your voice status region.
  • With this change, TalkBack announces when voice typing is ready.

Note

There are accessibility issues related to the voice typing dialog that are not fixed by this pull request. For example,

• Closing the panel: focus is still not restored to the editor after clicking "Done"
• Recognised text preview is difficult to use: the recognised text preview section is difficult to discover and unlabelled.

Related to #10795.

Testing plan

Android 13/TalkBack:

1. Open the note actions menu.
2. Open the voice typing dialog.
3. Verify that TalkBack reads "Voice typing... Please record your voice..."
4. Say "something".
5. (Visually) verify that "something" has been added to the editor.
6. Move accessibility focus to the item just after "Please record your voice".
7. Say "something else".
8. Verify that, after several seconds, TalkBack reads "Something else".
   • Note: I needed to repeat step 6 for this to work.
9. Move accessibility focus to the next item.
10. Verify that TalkBack reads "Done, Button, Ends voice typing, Double-tap to activate".
11. Double-tap.
12. Verify that the voice typing dialog has been closed.

[personalizedrefrigerator]

See the list of supported roles.

[personalizedrefrigerator]

This pull request switches from a <Banner> to a <Surface>. React Native Paper sets role=alert and accessibilityLiveRegion=polite on the content of <Banner>s. This caused TalkBack to re-read "Voice typing... Please record your voice... [[recognised text here]]" when new text was recognised.