Skip to content

Instantly share code, notes, and snippets.

@Andy-set-studio

Andy-set-studio/visually-hidden.css

Created November 18, 2019 10:28
Show Gist options
  • Save Andy-set-studio/fae40371ada3ea4301624091bf4379e9 to your computer and use it in GitHub Desktop.
Save Andy-set-studio/fae40371ada3ea4301624091bf4379e9 to your computer and use it in GitHub Desktop.
Download ZIP
Visually hidden utility class
Raw
visually-hidden.css
/**
* VISUALLY HIDDEN
* Hides element visually and removes it from the flow,
* but importantly, allows assitive technology to access it
*/
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: auto;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment