From 35de9bcd1ce1a6346dc394688592edd9ad7c31f5 Mon Sep 17 00:00:00 2001
From: Beth Shook <beth.shook@gmail.com>
Date: Fri, 6 Sep 2024 09:20:33 -0500
Subject: [PATCH] add aria label to tooltip (#56)

Co-authored-by: Beth Shook <es66@rice.edu>
---
 src/components/Tooltip.tsx                         | 5 +++--
 src/components/__snapshots__/Tooltip.spec.tsx.snap | 3 +++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index 509ba5b5..021a4991 100644
--- a/src/components/Tooltip.tsx
+++ b/src/components/Tooltip.tsx
@@ -76,6 +76,7 @@ type TooltipProps = {
   placement?: Placement;
   icon?: any;
   isOpen?: boolean;
+  ariaLabel?: string;
 };
 
 export const Tooltip = ({children, placement, icon, ...props}: React.PropsWithChildren<TooltipProps>) => 
@@ -88,9 +89,9 @@ export const Tooltip = ({children, placement, icon, ...props}: React.PropsWithCh
   {children}
 </StyledTooltip>;
 
-export const TooltipGroup = ({icon, ...props}: React.PropsWithChildren<TooltipProps>) =>
+export const TooltipGroup = ({icon, ariaLabel, ...props}: React.PropsWithChildren<TooltipProps>) =>
   <TooltipTrigger delay={0}>
-    <StyledTrigger>
+    <StyledTrigger aria-label={ariaLabel || 'More information'}>
       {icon
         ? <img src={icon} aria-hidden={true} alt='' />
         : <Info aria-hidden={true} />
diff --git a/src/components/__snapshots__/Tooltip.spec.tsx.snap b/src/components/__snapshots__/Tooltip.spec.tsx.snap
index 7d7c2f9b..bf2281f8 100644
--- a/src/components/__snapshots__/Tooltip.spec.tsx.snap
+++ b/src/components/__snapshots__/Tooltip.spec.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`Tooltip hides 1`] = `
 <button
+  aria-label="More information"
   className="sc-dkzDqf dcHEnX"
   data-rac=""
   onBlur={[Function]}
@@ -39,6 +40,7 @@ exports[`Tooltip hides 1`] = `
 exports[`Tooltip matches snapshot 1`] = `
 Array [
   <button
+    aria-label="More information"
     className="sc-dkzDqf dcHEnX"
     data-rac=""
     onBlur={[Function]}
@@ -124,6 +126,7 @@ Array [
 
 exports[`Tooltip uses icon 1`] = `
 <button
+  aria-label="More information"
   className="sc-dkzDqf dcHEnX"
   data-rac=""
   onBlur={[Function]}