From bd1a8fb74ca2f5d45d0950ec301a049d4f7339c6 Mon Sep 17 00:00:00 2001
From: Trevor Pierce <1Copenut@users.noreply.github.com>
Date: Thu, 18 Apr 2024 16:56:50 -0500
Subject: [PATCH] [EuiStepsHorizontal] Added `aria-disabled` attribute when
 status is "disabled" (#7699)

---
 changelogs/upcoming/7699.md                                    | 3 +++
 .../steps/__snapshots__/step_horizontal.test.tsx.snap          | 2 ++
 .../steps/__snapshots__/steps_horizontal.test.tsx.snap         | 1 +
 src/components/steps/step_horizontal.tsx                       | 1 +
 4 files changed, 7 insertions(+)
 create mode 100644 changelogs/upcoming/7699.md

diff --git a/changelogs/upcoming/7699.md b/changelogs/upcoming/7699.md
new file mode 100644
index 00000000000..a7409f235e1
--- /dev/null
+++ b/changelogs/upcoming/7699.md
@@ -0,0 +1,3 @@
+**Accessibility**
+
+- Added `aria-disabled` attribute to `EuiHorizontalSteps` when status is "disabled"
diff --git a/src/components/steps/__snapshots__/step_horizontal.test.tsx.snap b/src/components/steps/__snapshots__/step_horizontal.test.tsx.snap
index 2b64ab7b09f..d2ae8c45654 100644
--- a/src/components/steps/__snapshots__/step_horizontal.test.tsx.snap
+++ b/src/components/steps/__snapshots__/step_horizontal.test.tsx.snap
@@ -156,6 +156,7 @@ exports[`EuiStepHorizontal props status danger is rendered 1`] = `
 
 exports[`EuiStepHorizontal props status disabled is rendered 1`] = `
 <button
+  aria-disabled="true"
   class="euiStepHorizontal emotion-euiStepHorizontal-disabled"
   data-step-status="disabled"
   title="Step 1 is disabled"
@@ -183,6 +184,7 @@ exports[`EuiStepHorizontal props status disabled is rendered 1`] = `
 
 exports[`EuiStepHorizontal props status disabled overrides the passed status 1`] = `
 <button
+  aria-disabled="true"
   class="euiStepHorizontal emotion-euiStepHorizontal-disabled"
   data-step-status="disabled"
   disabled=""
diff --git a/src/components/steps/__snapshots__/steps_horizontal.test.tsx.snap b/src/components/steps/__snapshots__/steps_horizontal.test.tsx.snap
index 91130afcca5..346c7965a05 100644
--- a/src/components/steps/__snapshots__/steps_horizontal.test.tsx.snap
+++ b/src/components/steps/__snapshots__/steps_horizontal.test.tsx.snap
@@ -96,6 +96,7 @@ exports[`EuiStepsHorizontal is rendered 1`] = `
     class="euiStepsHorizontal__item emotion-euiStepsHorizontal__item"
   >
     <button
+      aria-disabled="true"
       class="euiStepHorizontal emotion-euiStepHorizontal-disabled"
       data-step-status="disabled"
       title="Step 4: Disabled Step 4 is disabled"
diff --git a/src/components/steps/step_horizontal.tsx b/src/components/steps/step_horizontal.tsx
index 22df29307fd..e420d7bcd64 100644
--- a/src/components/steps/step_horizontal.tsx
+++ b/src/components/steps/step_horizontal.tsx
@@ -106,6 +106,7 @@ export const EuiStepHorizontal: FunctionComponent<EuiStepHorizontalProps> = ({
 
   return (
     <button
+      aria-disabled={status === 'disabled' ? true : undefined}
       className={classes}
       title={titleAttr}
       onClick={onStepClick}