Styleguide - The A11Y Project

Hides content visually, but still makes it available for screen readers.

Example

Read more about cats.

Markup

<a href="https://en.wikipedia.org/wiki/Cat">Read more <span class="u-hide-visually">about cats.</span></a>

Source: src/css/utilities/_hide.scss, line 10