Skip to content

Instantly share code, notes, and snippets.

@henshaw

henshaw/hide-label.css

Last active January 25, 2024 23:32
Show Gist options
  • Save henshaw/9f08e1ec5e1ce6cbe902e9b1a353b40b to your computer and use it in GitHub Desktop.
Save henshaw/9f08e1ec5e1ce6cbe902e9b1a353b40b to your computer and use it in GitHub Desktop.
Download ZIP
CSS for hiding the WordPress Search Form Label while maintaining accessiblity (not using display:none;)
Raw
hide-label.css
.screen-reader-text:not(:focus):not(:active) {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
width: 1px;
height: 1px;
white-space:nowrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment