tesk9 / accessible-html-with-css / Accessibility.Styled.Style

Focus rings

Please be aware that hiding a user's focus can make your site completely unusable for them. Learn more about focus ring styling options in Understanding Success Criterion 2.4.7: Focus Visible.

Hiding content

For more information on hiding/semi-hiding elements, please see the a11y project.

invisibleStyle : Css.Style

Makes content invisible without making it inaccessible.

label [ css invisibleStyle ] [ text "Screen readers can still read me!" ]

invisible : List (Html.Styled.Attribute msg)

Makes content invisible without making it inaccessible.

label invisible [ text "Screen readers can still read me!" ]