# Screen Reader Content

Hidden text for context, sr-only technique. This is a pure implementation pattern file — no standalone criteria. Skip links are covered in `a11y-navigation.md` (WCAG 2.4.1). The `sr-only` technique is used across many criteria (link purpose, button labels, image alternatives, form instructions).

## Patterns

**Hidden text for context:**

```html
<a href="/pdf">
  Download report <span class="sr-only">(PDF, 2.4 MB)</span>
</a>

<a href="https://external.com" target="_blank">
  Visit site <span class="sr-only">Opens in new tab</span>
</a>
```

**Skip link** — see `a11y-navigation.md` for full pattern:

```html
<a
  href="#main"
  class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:bg-white focus:p-4"
>
  Skip to content
</a>
```

**Hiding methods:**

| Method               | Visible | Accessible |
| -------------------- | ------- | ---------- |
| `display: none`      | No      | No         |
| `visibility: hidden` | No      | No         |
| `aria-hidden="true"` | Yes     | No         |
| `.sr-only`           | No      | Yes        |

Use `sr-only` for text that provides context screen readers need but sighted users don't.