Skip to content

Instantly share code, notes, and snippets.

@jneander

jneander/screenreader-only.css

Created July 14, 2016 01:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jneander/8ed6eff8957c2bd66da4175ba9f10c38 to your computer and use it in GitHub Desktop.
Save jneander/8ed6eff8957c2bd66da4175ba9f10c38 to your computer and use it in GitHub Desktop.
Download ZIP
Visually hide an element, yet keep it available to screenreaders.
Raw
screenreader-only.css
.screenreader-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
transform: translatez(0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment