You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/content/forms/stepper.md
+13-6Lines changed: 13 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -310,8 +310,6 @@ Use a Linear Bootstrap Stepper when you need a guided and controlled experience,
310
310
311
311
This ensures data integrity and improves the user experience by keeping the flow focused.
312
312
313
-
---
314
-
315
313
## Non-linear Stepper (Optional Steps)
316
314
317
315
You can configure the Stepper Component to behave as non-linear, allowing users to jump freely between steps without validation restrictions. Add `data-coreui-linear="false"` or set `linear: false` to allow non-sequential navigation.
@@ -373,13 +371,22 @@ The CoreUI Stepper Component is built with accessibility in mind:
373
371
- Each step button is assigned proper ARIA roles (`role="tab"`) and attributes like `aria-selected`, `aria-controls`, and `tabindex`.
374
372
- Step contents (`stepper-pane`) use `role="tabpanel"` and are properly linked to their trigger buttons.
375
373
- Live updates are announced to screen readers with `aria-live="polite"`.
376
-
- Keyboard navigation is fully supported:
377
-
-`ArrowLeft` / `ArrowUp`: move focus to previous step
378
-
-`ArrowRight` / `ArrowDown`: move focus to next step
379
-
-`Home` / `End`: jump focus to first or last step
374
+
- Keyboard navigation is fully supported
380
375
381
376
Thanks to these features, your form wizard will be fully compliant with WCAG and modern accessibility standards without additional work.
382
377
378
+
### Keyboard Support
379
+
380
+
The Stepper component supports comprehensive keyboard navigation out of the box:
0 commit comments