alienlebarge/hide.css

Last active September 30, 2015 05:27

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/alienlebarge/1728992.js"></script>
Save alienlebarge/1728992 to your computer and use it in GitHub Desktop.

Download ZIP

CSS hidden style compliant with screen readers. Hide for screen but not for screen reader.

Raw

	.hidden-well-sighted {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	}

Author

alienlebarge commented Feb 3, 2012

.hide {
  display:none;
}

Some screen reader can skip a tag with a display:none; style.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment