[EuiBetaBadge] Improved the accessibility experience of EuiBetaBadge …

…component (#7805) Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>
elastic · May 31, 2024 · 11006c3 · 11006c3
1 parent 3eda6af
commit 11006c3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 8 deletions.
diff --git a/packages/eui/changelogs/upcoming/7805.md 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
@@ -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
@@ -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>