Developer What component has
Keyboard support
See detailed information about the keyboard support for the all clickable elements in the Keyboard control guide.
Roles & attributes
The list below describes roles and attributes that component already has.
| Component | Attribute | Usage |
|---|---|---|
NoticeGlobal | role="region" | Defines an ARIA landmark and allows users to navigate to the component easily and to have it listed in a summary of the page. |
NoticeGlobal | aria-label | Defines a default accessible name for the region: "Notification" for info, success and warning themes, and "Critical notification" for danger theme. |
NoticeGlobal | aria-live="polite" | Defines a region which receives updates that are important for the user to receive, but not so rapid as to be annoying. The screen reader will speak changes whenever the user is idle. |
NoticeGlobal | aria-live="assertive" (only for warning and danger themes) | Tells assistive technologies to interrupt other processes to provide users with immediate notification of container changes. |
NoticeGlobal.CloseIcon | aria-label="Close notification" | Defines the default accessible name for the Close button. |
Considerations for developers
- Elements with the
aria-liveattribute are automatically announced only when their content changes. So, if you want your notice to be announced automatically, you should initially create an empty element and then update its content. - Avoid showing more than one
NoticeGlobalat once. If you absolutely have to do it (especially if they have the sametheme), make sure they all have different accessible names so they can be easily distinguished when navigating the landmarks.
Other recommendations
See more accessibility recommendations in the common Accessibility guide.