Hide text but make it visible to screen readers

PHOTO EMBED

Tue Jul 06 2021 14:49:45 GMT+0000 (UTC)

Saved by @hisam #css #accessibility #html

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

<div class="sr-only">This text is hidden.</div> 
content_copyCOPY