From 11006c3098553e054c16cc53936039232eff64f1 Mon Sep 17 00:00:00 2001
From: Alexey Antonov <alexwizp@gmail.com>
Date: Fri, 31 May 2024 20:21:00 +0300
Subject: [PATCH] [EuiBetaBadge] Improved the accessibility experience of
 EuiBetaBadge component (#7805)

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
---
 packages/eui/changelogs/upcoming/7805.md                  | 3 +++
 .../beta_badge/__snapshots__/beta_badge.test.tsx.snap     | 1 -
 .../eui/src/components/badge/beta_badge/beta_badge.tsx    | 8 +-------
 3 files changed, 4 insertions(+), 8 deletions(-)
 create mode 100644 packages/eui/changelogs/upcoming/7805.md

diff --git a/packages/eui/changelogs/upcoming/7805.md b/packages/eui/changelogs/upcoming/7805.md
new file mode 100644
index 00000000000..54c77dddd35
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/7805.md
@@ -0,0 +1,3 @@
+**Accessibility**
+
+- Improved the accessibility experience of `EuiBetaBadge`
diff --git a/packages/eui/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap b/packages/eui/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap
index fe9bd1520a6..031c5216127 100644
--- a/packages/eui/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap
+++ b/packages/eui/src/components/badge/beta_badge/__snapshots__/beta_badge.test.tsx.snap
@@ -124,7 +124,6 @@ exports[`EuiBetaBadge props tooltip and anchorProps are rendered 1`] = `
 >
   <span
     class="euiBetaBadge emotion-euiBetaBadge-hollow-m-baseline"
-    role="button"
     tabindex="0"
   >
     Beta
diff --git a/packages/eui/src/components/badge/beta_badge/beta_badge.tsx b/packages/eui/src/components/badge/beta_badge/beta_badge.tsx
index 6cf6484be6c..bcaca40f742 100644
--- a/packages/eui/src/components/badge/beta_badge/beta_badge.tsx
+++ b/packages/eui/src/components/badge/beta_badge/beta_badge.tsx
@@ -230,13 +230,7 @@ export const EuiBetaBadge: FunctionComponent<EuiBetaBadgeProps> = ({
           title={title || label}
           anchorProps={anchorProps}
         >
-          <span
-            tabIndex={0}
-            css={cssStyles}
-            className={classes}
-            role="button"
-            {...rest}
-          >
+          <span tabIndex={0} css={cssStyles} className={classes} {...rest}>
             {icon || label}
           </span>
         </EuiToolTip>