Utilities

Hidden and screen-reader helpers.

Hidden

Visually and accessibly hidden — not rendered at all.

Before you can't see this after.

<span class="hidden">Not shown</span>

Hidden visually but still announced by screen readers.

Before only screen readers hear this after.

<span class="sr-only">Context for screen readers</span>

A skip link pattern: invisible until focused.

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