Label coopting RN Tester example (#50812)

Summary:

tsia, adding some accessibility examples that we have refined so far this half.
Changelog: [Internal]

Reviewed By: NickGerleman

Differential Revision: D73283176

Author: joevilches

packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js

@@ -1740,11 +1740,11 @@ function AccessibilityOrderExample(): React.Node {
   );
 }
 
-function TextLinkExample(): React.Node {
-  const handleLinkPress = (linkText: string) => {
-    Alert.alert('Link Clicked', `You clicked on the ${linkText} link!`);
-  };
+const handleLinkPress = (linkText: string) => {
+  Alert.alert('Link Clicked', `You clicked on the ${linkText} link!`);
+};
 
+function TextLinkExample(): React.Node {
   return (
     <View style={{gap: 10}}>
       <RNTesterText>
@@ -1773,6 +1773,42 @@ function TextLinkExample(): React.Node {
   );
 }
 
+function LabelCooptingExample(): React.Node {
+  return (
+    <View style={{gap: 10}} experimental_accessibilityOrder={['a', 'b', 'c']}>
+      <View
+        accessible={true}
+        nativeID="a"
+        style={{
+          backgroundColor: 'lightseagreen',
+          padding: 10,
+          borderRadius: 5,
+        }}>
+        <RNTesterText>
+          This View is accessible and it will coopt this text. This text is not
+          accessible because it got coopted!
+        </RNTesterText>
+      </View>
+      <View
+        accessible={true}
+        nativeID="b"
+        style={{backgroundColor: 'lightcoral', padding: 10, borderRadius: 5}}>
+        <RNTesterText nativeID="c">
+          This View is accessible and it will coopt this text. This text is not
+          accessible because it got coopted! But it's{' '}
+          <RNTesterText
+            accessibilityRole="link"
+            onPress={() => handleLinkPress('first')}
+            style={styles.link}>
+            links
+          </RNTesterText>{' '}
+          are!
+        </RNTesterText>
+      </View>
+    </View>
+  );
+}
+
 exports.title = 'Accessibility';
 exports.documentationURL = 'https://reactnative.dev/docs/accessibilityinfo';
 exports.description = 'Examples of using Accessibility APIs.';
@@ -1882,4 +1918,10 @@ exports.examples = [
       return <TextLinkExample />;
     },
   },
+  {
+    title: 'Label coopting',
+    render(): React.MixedElement {
+      return <LabelCooptingExample />;
+    },
+  },
 ];