From 702b395824b25a37ab27ac7a6ca19e36a0c2a366 Mon Sep 17 00:00:00 2001
From: AhalyaPai <101204401+AhalyaPai@users.noreply.github.com>
Date: Wed, 29 Jan 2025 16:30:27 +0000
Subject: [PATCH] fix: resolve accessibility issue by adding aria label to
 caret component

---
 src/components/shared/Caret.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/shared/Caret.tsx b/src/components/shared/Caret.tsx
index f609614b..ed003688 100644
--- a/src/components/shared/Caret.tsx
+++ b/src/components/shared/Caret.tsx
@@ -8,7 +8,7 @@ export interface ICaret {
 }
 
 export const Caret: React.FunctionComponent<ICaret> = ({ isExpanded }) => (
-  <Flex pl={3} w={8} ml={-8} color="muted" role="button" justifyContent="center">
+  <Flex pl={3} w={8} ml={-8} color="muted" role="button" justifyContent="center" aria-label={isExpanded ? `Collapse button` : `Expand button`} aria-expanded={isExpanded}>
     <Icon size={CARET_ICON_SIZE} fixedWidth icon={isExpanded ? 'chevron-down' : 'chevron-right'} />
   </Flex>
 );