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 little utility that I end up needing on every project.