Hide

Utilities for hiding text with considerations for accessibility.

Dependencies

🔗

Hide Visually

Visually hide content, leaving it accessible to screen readers and ATs.

Note: This is also provided as a mixin in sky-toolkit-core/tools/mixins.

Further reading: Jonathan Snook's 'Hiding Content for Accessibility'.

<span class="u-hide-visually">I'm visually hidden</span>

Hide Completely

Completely hide content both visually from the screen, and from screen readers and ATs.

Note: This is also provided as a mixin in sky-toolkit-core/tools/mixins.

<span class="u-hide-completely">I'm completely hidden</span>