snippets / screen-reader-hide.css

A small utility to hide text visually, without making it unavailable to screen readers

.screen-reader-hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

Here’s a small lit­tle util­i­ty that I end up need­ing on every project.