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; }