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.
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.