Accessibility · Library v2.7.0

Stepper WAI-ARIA Support

Stepper exposes the selected step and associated content. Use its Previous and Next buttons for keyboard progression.

Roles, states and properties

These describe the installed implementation. ARIA communicates meaning; keyboard handlers and application code provide the interaction.

Stepper accessibility semantics
ElementSemanticsBehavior
Step list and headerstablist, tab, aria-selected, aria-disabledThe active header has tabindex="0"; other headers have tabindex="-1".
Step contenttabpanel, aria-labelledbyThe current panel is associated with its step header.
ErrorsalertConfigured step errors are presented as alerts.

Current limitations

  • Focus movement after programmatic step changes and disabled-step progression need application testing.

This reference is based on the shipped source. It is not a WCAG conformance certificate or a claim that every browser and screen reader combination has been tested.

Compare your workflow with the W3C authoring pattern. The pattern describes the target interaction, not a guarantee of current component support.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.