CSS Screenreaders
Screenreader utilities improve accessibility by hiding elements on all devices, save for screenreaders.
Example
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
You can hide an element to all devices save for screenreaders by using .sr-only. When you use both .sr-only and .sr-only-focusable, you can have the element become visible again when it's focused upon (which makes the webpage accessible to someone like a keyboard-only user).
Get in touch
Do you have an idea, or want to help us improve this page? Reach out to us via email.
DTMB-DG-Support@michigan.govNeed help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.