fix: accessibility issue in android

packages/unstyled/accordion/src/AccordionItem.tsx

@@ -1,10 +1,11 @@
-import React, { forwardRef, useContext, useMemo } from 'react';
+import React, { forwardRef, useContext, useMemo, useState } from 'react';
 import { AccordionContext, AccordionItemContext } from './Context';
 import { IAccordionItemProps } from './types';
 import { useAccordionItem } from '@react-native-aria/accordion';
 
 export const AccordionItem = <T,>(StyledAccordionItem: any) =>
   forwardRef(({ children, ...props }: T & IAccordionItemProps, ref?: any) => {
+    const [titleText, setTitleText] = useState('');
     const { state, isDisabledAccordion, selectedValues } =
       useContext(AccordionContext);
 
@@ -23,14 +24,17 @@ export const AccordionItem = <T,>(StyledAccordionItem: any) =>
         value,
         buttonProps,
         regionProps,
+        titleText,
+        setTitleText,
       };
     }, [
       isDisabled,
       isDisabledAccordion,
+      isExpanded,
       value,
       buttonProps,
       regionProps,
-      isExpanded,
+      titleText,
     ]);
 
     return (

packages/unstyled/accordion/src/AccordionTitleText.tsx

@@ -1,10 +1,28 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useContext, useEffect } from 'react';
+import { AccordionItemContext } from './Context';
 
 export const AccordionTitleText = (StyledAccordionTitleText: any) =>
-  forwardRef(({ children, ...props }: any, ref?: any) => {
-    return (
-      <StyledAccordionTitleText ref={ref} {...props}>
-        {children}
-      </StyledAccordionTitleText>
-    );
-  });
+  forwardRef(
+    (
+      {
+        children,
+        ...props
+      }: {
+        children: string;
+        props: any;
+      },
+      ref?: any
+    ) => {
+      const { setTitleText } = useContext(AccordionItemContext);
+
+      useEffect(() => {
+        setTitleText(children);
+      }, [children, setTitleText]);
+
+      return (
+        <StyledAccordionTitleText ref={ref} {...props}>
+          {children}
+        </StyledAccordionTitleText>
+      );
+    }
+  );

packages/unstyled/accordion/src/AccordionTrigger.tsx

@@ -17,6 +17,7 @@ export const AccordionTrigger = (StyledAccordionTrigger: any) =>
       }: any,
       ref?: any
     ) => {
+      const { titleText } = useContext(AccordionItemContext);
       const { isDisabled, buttonProps, isExpanded } =
         useContext(AccordionItemContext);
 
@@ -33,6 +34,8 @@ export const AccordionTrigger = (StyledAccordionTrigger: any) =>
 
       return (
         <StyledAccordionTrigger
+          accessible={true}
+          accessibilityLabel={titleText}
           ref={ref}
           {...props}
           {...buttonProps}