When supplying an accessibility state for a checkbox it behaves as intended until you introduce a mixed state. Once the mixed state is introduced "mixed" will be announced every time the check box is interacted with again.
For instance initially a check box that isn't checked will be announced as Not checked checkbox and one that is would be announced as checked checkbox. The mixed state will correctly announced checkbox mixed, but if you change the checkbox to a checked or not checked state from here then it will announced Not checked/checked checkbox mixed. Which isn't correct and should match the original non confusing state.
Steps to reproduce
install an application with yarn android
make sure talkback is on
click on a select all checkbox and notice the announced state
select or deselect that checkbox and notice the changed announced state
remove or add a selection as needed to get the "select all" checkbox into a mixed state
Notice that the announced state is correct for the mixed state
Reselect or deselect all the items in the list to get the checkbox to a checked or not checked state instead of mixed and notice that the announced state is now incorrect
Description
When supplying an accessibility state for a checkbox it behaves as intended until you introduce a mixed state. Once the mixed state is introduced "mixed" will be announced every time the check box is interacted with again.
For instance initially a check box that isn't checked will be announced as Not checked checkbox and one that is would be announced as checked checkbox. The mixed state will correctly announced checkbox mixed, but if you change the checkbox to a checked or not checked state from here then it will announced Not checked/checked checkbox mixed. Which isn't correct and should match the original non confusing state.
Steps to reproduce
React Native Version
0.73.8
Affected Platforms
Runtime - Android
Output of
npx react-native info
Stacktrace or Logs
Reproducer
https://github.com/department-of-veterans-affairs/va-mobile-app
Screenshots and Videos
https://github.com/facebook/react-native/assets/87150991/c2e368e0-daf7-4cf4-816c-557b3b286142