lukewestby / accessible-html-with-css-temp-19 / Accessibility.Styled.Live

Live Region Attributes

Learn more about how to use live regions here.

atomic : Basics.Bool -> Html.Styled.Attribute msg

Supported for all elements.

This property indicates that a region is live, and may change even when the region doesn't have focus. When True, all the contents of the element will be presented to the user.

busy : Basics.Bool -> Html.Styled.Attribute msg

Supported for all elements.

When set to True, this is the aria equivalent of a loading spinner--indicates that stuff is changing/is not ready for interaction/reading-off yet.

livePolite : Html.Styled.Attribute msg

Supported by all elements.

When the region's contents change, assistive technologies will wait for a good moment to interrupt and do so politely with the update.

liveAssertive : Html.Styled.Attribute msg

Supported by all elements.

Updates to the region will cause the assistive technologies to immediately interrupt the user with the big news.

Properties on Live Attributes

relevantAdditions : Html.Styled.Attribute msg

Supported by live regions.

Keep track of additions to the live region.

relevantAdditionsText : Html.Styled.Attribute msg

Supported by live regions.

Keep track of node additions to the live region and text additions.

relevantAll : Html.Styled.Attribute msg

Supported by live regions.

Keep track of everything to occur in the live region. Use sparingly!

relevantRemovals : Html.Styled.Attribute msg

Supported by live regions.

Keep track of text or node removals. Use sparingly!

relevantText : Html.Styled.Attribute msg

Supported by live regions.

Keep track of text additions to the live region.