Skip to content

Instantly share code, notes, and snippets.

@fgeierst

fgeierst/visually-hidden.css

Created May 30, 2023 09:41
Show Gist options
  • Save fgeierst/e00d974492d881fc02522f577f5adbda to your computer and use it in GitHub Desktop.
Save fgeierst/e00d974492d881fc02522f577f5adbda to your computer and use it in GitHub Desktop.
Download ZIP
Short visually hidden utility
Raw
visually-hidden.css
/* Visually hide an element while still making it accessible for screen readers. */
.visually-hidden {
position: absolute;
transform: scale(0);
}
/* https://www.scottohara.me/blog/2023/03/21/visually-hidden-hack.html
* https://codepen.io/scottohara/pen/QWVOqNY
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment