turretcss

Accessibility


Screen Reader

Use the screen-reader class to display content only for screen readers, based from the A11y Project post: How-to: Hide Content

<div class="screen-reader">...</div>

Screen Reader Focusable

In conjunction with the screen-reader class, the screen-reader-focusable class can be added to only display content when it’s focused. Useful for “Skip to main content” links.

<div class="screen-reader screen-reader-focusable">...</div>