Skip to content

Instantly share code, notes, and snippets.

@stephenbelyea
Last active March 8, 2019 02:18
Show Gist options
  • Save stephenbelyea/393afde90853c5073fa01ba0ed9c6f5a to your computer and use it in GitHub Desktop.
Save stephenbelyea/393afde90853c5073fa01ba0ed9c6f5a to your computer and use it in GitHub Desktop.
Accessibility Helpers
.visually-hidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.skip-link {
left: 1rem;
opacity: 0;
position: absolute;
top: 1rem;
transition: 200ms ease;
transform: translateX(-20rem);
&:focus {
opacity: 1;
transform: translateX(0);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment