Skip to content

Instantly share code, notes, and snippets.

@dotZak

dotZak/accessible-hidden-text.css

Created July 6, 2017 11:31
Show Gist options
  • Save dotZak/33a3bd4e2cdc76609b6c4e8bc382836b to your computer and use it in GitHub Desktop.
Save dotZak/33a3bd4e2cdc76609b6c4e8bc382836b to your computer and use it in GitHub Desktop.
Download ZIP
Accessible hidden text
Raw
accessible-hidden-text.css
.visible-on-focus:not(:focus), /* Keyboard accessible */
.screen-reader-only /* Not keyboard accessible */ {
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment