EuiStepsHorizontal should have aria-disabled on steps that users cannot take action

[1Copenut]

Describe the problem

The EuiHorizontalSteps component blocks click events when a step is disabled, but allows the button to take keyboard focus. It would be an improvement if the button had a tabindex="-1" to prevent it from taking keyboard focus either while disabled. Screenshot below. an aria-disabled="true" attribute so screen reader users can hear the button in the tabindex, but also be made aware it's not currently available.

WCAG or Vendor Guidance (optional)

• SC 2.4.3: Focus Order (Level A)

Screenshots or Trace Logs

[cee-chen]

Would setting aria-disabled on the disabled step suffice? If not, that directive would conflict directly with the goal of #5666.

[1Copenut]

Would setting aria-disabled on the disabled step suffice? If not, that directive would conflict directly with the goal of #5666.

Yes it would. I talked with our auditor a bit more and we agreed aria-disabled="true" while still allowing focus, is the right course of action. I'll take this as an action item to update the component and issue a PR.