Banner
Banner
Resources
Banner is a type of notification that displays a message or provides feedback related to the user’s current workflow, spanning the page or container horizontally. It can communicate new information, errors, warnings, or successful completion of a process or task.
Check and test any focusable elements included in the banner content.
When using a banner to alert the user, apply role="alert". When using a banner to notify the user, apply role="status".
| Key | Function |
|---|---|
| Tab | Tab moves focus through the interactive elements. |
Check and test any focusable elements included in the banner content.
When using a banner to alert the user, apply role="alert". When using a banner to notify the user, apply role="status".
| Key | Function |
|---|---|
| Tab | Tab moves focus through the interactive elements. |
Check and test any focusable elements included in the banner content.
When using a banner to alert the user, apply role="alert". When using a banner to notify the user, apply role="status".
| Key | Function |
|---|---|
| Tab | Tab moves focus through the interactive elements. |