Accessibility

The Stepper is designed to be accessible by on-screen readers and provides full WAI-ARIA accessibility support.

WAI-ARIA Support

The Stepper is WAI ARIA-accessible through the navigational arrows. It uses the following aria attributes:

• aria-disabled — used for disabled steps or if Stepper is in linear mode, all steps which are not immediately next to the current step.
• aria-current — used for indicating the current step
• aria-invalid — used for indicating an invalid step.
• aria-hidden — used to determine elements that should not be considered by assistive technologies.

The Stepper also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

Section 508

The Stepper is compliant with the Section 508 requirements.

Limitations

The following issues are related to the WAI-ARIA support limitations of browsers and screen readers:

• Internet Explorer 10 and 11 work best with the Jaws screen reader. Other readers are not supported very well. For more information, refer to issue 817699.
• Microsoft Edge works best with Microsoft Narrator screen reader. For more information, refer to issue 8571350.

Suggested Links

• API Reference of the Stepper Props
• Keyboard Navigation