What component has

Roles and attributes

Roles & 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-busy state 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.