From 45b18cb91b1bfbb2b03305887f3880f99b5d639e Mon Sep 17 00:00:00 2001
From: "grafana-delivery-bot[bot]"
 <132647405+grafana-delivery-bot[bot]@users.noreply.github.com>
Date: Tue, 16 Apr 2024 12:30:29 +0100
Subject: [PATCH] [v11.0.x] Alerting: Make hovercard accessible (#86272)

Alerting: Make hovercard accessible (#85195)

(cherry picked from commit 90a1e8a82ff03394eae4aa50a865f32940aa637f)

Co-authored-by: Gilles De Mey <gilles.de.mey@gmail.com>
---
 public/app/features/alerting/unified/components/HoverCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/alerting/unified/components/HoverCard.tsx b/public/app/features/alerting/unified/components/HoverCard.tsx
index 62edfd1c790..9d20a32fd60 100644
--- a/public/app/features/alerting/unified/components/HoverCard.tsx
+++ b/public/app/features/alerting/unified/components/HoverCard.tsx
@@ -37,7 +37,7 @@ export const HoverCard = ({
   }
 
   const body = (
-    <Stack direction="column" gap={0}>
+    <Stack direction="column" gap={0} role="tooltip">
       {header && <div className={styles.card.header}>{header}</div>}
       <div className={styles.card.body}>{content}</div>
       {footer && <div className={styles.card.footer}>{footer}</div>}
@@ -69,6 +69,7 @@ export const HoverCard = ({
               onMouseLeave: hidePopper,
               onFocus: showPopper,
               onBlur: hidePopper,
+              tabIndex: 0,
             })}
           </>
         );