CHAPTER 10 ■ STYLING TEXT
Screenreader-only
HTML
<h1>Screenreader-only</h1><p>Text before screenreader-only text.</p><p class="screenreader-only">
This text is hidden to sighted users, but is read by screen readers.</p><span class="screenreader-only">
You can make any type of element a screenreader-only element.</span><p>Text after screenreader-only text.</p>CSS
.screenreader-only {
position:absolute;
left:-9999px;
top:-9999px;
width:1px;
height:1px;
overflow:hidden; }