Developer What component has
Roles and attributes
| Attribute | Usage |
|---|---|
aria-busy="true" | Indicates that the element is being modified and that assistive technologies may want to wait until the changes are complete before informing the user about the update. |
aria-label="Loading…" | Sets an accessible name for the element. |
Considerations for developers
Place Spin inside a container with role="status" and aria-live="polite" attributes for the screen reader to announce the start of the loading process (example).
Resources
- You can find a detailed description of the
aria-busystate in the W3's guide. - MDN's guide for aria-busy describes core information for this state.
Other recommendations
See more accessibility recommendations in the common Accessibility guide.