Skip to content

Instantly share code, notes, and snippets.

@NatalieMac

NatalieMac/screen-reader-text.css

Last active May 7, 2019 05:20
Show Gist options
  • Save NatalieMac/9a47ad05d95a0ff7c2d94bfdbd70d2d1 to your computer and use it in GitHub Desktop.
Save NatalieMac/9a47ad05d95a0ff7c2d94bfdbd70d2d1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
screen-reader-text.css
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment