Screen Reader Only Text

Code Snippet Library

For those rare situations when you want to provide information only to screen readers users that is not visible to others.

Example use case: Providing screen reader instructions for navigating an interactive page element.

insert content for screenreader only into this div

Screen-Reader Only Code

<div style="position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;">insert text what will be read by a screen reader here</div>

Guidelines

This approach makes use of code provided by the WebAIM site Links to an external site..