BUG - sev-3 - Android - Spin button change of state isn't automatically announced by TalkBack

[TKDickson]

What happened?

On spin button dropdowns (think: the Cerner alert, the transferred med banner), TalkBack doesn't announce the change in state when they've been activated (unlike iOS/VoiceOver, which correctly does)

Specs:

• Device:
• OS:
• User Account: ssoissoetesting+mhvcss4@gmail.com <-- one of our Cerner accounts
• Accessibility State: TalkBack on

Steps to Reproduce

1. Health > Appointments (or messages) > swipe down to the cerner alert (starts "some of your VA health care team....")
2. Spin button current state is correctly announced
3. Double-tap to activate/expand the banner
4. Screen UI changes (banner expands), but nothing is announced via screen reader

^ Repeat the above with iOS, and notice how it announces the change in state right away ("[text on banner], spin button, expanded" or "[text on banner], spin button, collapsed")

Desired behavior

Should announce the change in state right away/without further interaction with the app

Acceptance Criteria

Bug Severity - BE SURE TO ADD THE SEVERITY LABEL

See Issue Tracking for details on Severity Levels

• 3 - Medium

Linked to Story

Screen shot(s) and additional information

Ticket Checklist

• Steps to reproduce are defined
• Desired behavior is added
• Labels added (front-end, back-end, feature, bug)
• Linked to an Epic (General Tech/Design Debt & Maintenance)

[theodur]

After doing some digging, it looks like this is a React Native bug when using the expanded state in accessibilityState on Android. A fix was merged in the react-native repo, but hasn't been released yet. Once this makes it into a stable version, this issue should be resolved once we upgrade react-native to the version that contains the fix

[theodur]

Originally, I started working on a PR with a work-around for Android, but since this issue has already been fixed in the react-native repo, it's only a matter of time before it's released and we can upgrade.

It's also worth noting that this issue applies to multiple components that use the expanded accessibility state like CollapsibleAlert, CollapsibleView, and AccordionCollapsible. So the work around would need to be applied to multiple places. It's probably not worth it, considering how soon the fix in the react-native repo may be in a stable version

[theodur]

We ended up merging the temporary solution since it could be some time until the fix is in a react-native stable version, and we upgrade to it

[TKDickson]

Nice. Note to tester, #4365 being fixed means most of these won't be called spin buttons anymore when you're going through with a screen reader.

[rbontrager]

Tabs on android are now giving the state of the tab(collapsed/expanded) when using TalkBack