v.2.4
Overview
A wizard is a setup process where the user is guided through a series of steps to achieve a goal. The purpose of the pattern is to simplify tasks by cutting them into smaller ones. Wizards help a user to view the process upfront wherein, the required information can be filled. It is easy to navigate between the steps which helps the user to complete lengthy forms in less time.
Anatomy
Visual Style
Dimensions
Digital Accessibility
Keyboard Behavior
| KEY | FUNCTION |
|---|---|
| TAB | Takes user to the next interactive element in the tab order |
| SHIFT+TAB | Takes user to the previous interactive element in the tab order |
| ARROW UP/DOWN | Moves up and down between elements |
| ARROW LEFT/RIGHT | Moves up and down between elements |
| ENT/RET or SPC | Selects a Radio Button |