Skip to content

Spin

What component has

Roles and attributes

The list below describes roles and attributes that component already has.

Roles & attributes
AttributeElementUsage
aria-busy="true"Implicit on svgThe aria-busy state indicates an 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…"Implicit on svgThe aria-label attribute sets the element description that will be announced by the assistive technologies.

Spin is an svg element. It contains foreignObject with a span element inside. The span element has a role="status", aria-atomic="true" and aria-live="polite" attribute. These attributes are used to inform assistive technologies about the loading state.

Resources

Other recommendations

See more accessibility recommendations in the common Accessibility guide.

Released under the MIT License.

Released under the MIT License.