Created
June 25, 2015 14:42
-
-
Save davechu/4ac4ca831d211a972a1b to your computer and use it in GitHub Desktop.
This CSS allows "extra" headings and other items to be hidden from sighted viewers. Avoiding "display: none;" preserves the intended accessibility. Obviously adjust these selectors to match your site. "Clip" is deprecated, but the newer "clip-path" is poorly-supported at this time.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .screen-reader-text, .screen-reader-text span, .search-form label { | |
| clip: rect(0, 0, 0, 0); | |
| height: 0; | |
| position: absolute; | |
| width: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment