Skip to content

Instantly share code, notes, and snippets.

@hfknight

hfknight/visually-hidden.css

Last active March 14, 2018 15:12
Show Gist options
  • Save hfknight/0d7dc42de113f2820b93539018fbedce to your computer and use it in GitHub Desktop.
Save hfknight/0d7dc42de113f2820b93539018fbedce to your computer and use it in GitHub Desktop.
Download ZIP
Hiding Content Visually but accessible for screen reader
Raw
visually-hidden.css
.element-invisible {
position: absolute !important;
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment