Talkback double announcement when using accessibilityRole={'header'}

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

For whatever reason when attaching accessibilityRole={'header'} to an element it is announcing ‘heading’ twice with TalkBack on. Testing the same component on iOS using VoiceOver achieves the expected result of it only announcing once.

React Native version:

61.4

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1. Create some sort of component with 'accessibilityRole={‘header’}`
2. Test on iOS and Android

Expected Results

Talkback should announce ‘header’ only once when using TalkBack like it does with VoiceOver.

Snack, code example, screenshot, or link to a repository:

https://snack.expo.io/@jcron/accessibility-role-double-announce

[babylone-star]

This has been fixed in v0.63.1: https://github.com/facebook/react-native/commit/7428271995adf21b2b31b188ed83b785ce1e9189

[blavalla]

i’m checking if there is a way to polish that like "links available, use swipe up and right to view" to utter only once in a page full of links,

From an Android perspective, Talkback is doing this for each TextView that contains a ClickableSpan or URLSpan in its text.

From the RN side, whenever you set a link role on a component, we are under the hood creating a URLSpan and setting it as the full length of text on that component:

https://github.com/facebook/react-native/blob/da899c0cc4372830e5ca053a096b74fff2a19cb8/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java#L377-L387

This is definitely not a great experience currently, and I’m actually working right now to implement a better approach to link handling in general, where the links act more like they do on web surfaces and get focused on their own rather than being accessed via a dedicated menu.