@ou-imdt/css/docs/utility/sr-only.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# sr-only

`.sr-only` is a screen-reader only class like the bootstrap sr-only class. You can also use the alternative class name `.visually-hidden`

## Example - simple

No visual demo for this! But there is an non-visual link available to screen readers below this text.

<a class="sr-only" href="#content">Skip to main content</a>

<details class="compact">
  <summary>HTML</summary>

```html
    <a class="sr-only" href="#content">Skip to main content</a>
```