Skip to content

Widget empty state

What component has

Roles and attributes

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

Roles and attributes
Component / elementRoleAttributeDescription
WidgetEmptystatusimplicit aria-live="polite" and aria-atomic="true"Any region which receives updates that are important for the user to receive, but not so rapid as to be annoying, should receive aria-live="polite" attribute. The screen reader will speak changes whenever the user is idle.
Imagearia-hidden='true'Removes the image from the accessibility tree.
imgalt=''Decorative images do not need to be announced by the screen reader, so the alt attribute should be empty.

Considerations for designers

Make sure that the user can easily read the text of the message. Check recommendations in Typography.

Other recommendations

See more accessibility recommendations in the common Accessibility guide.

Released under the MIT License.

Released under the MIT License.