2.1 Visually hidden View in a new window

Make an element visually hidden, but accessible to screen readers.

Twig: utils/visually-hidden/visually-hidden.twig

Default example
This text will be read by screen readers, but will be visually hidden.
Turns off the visually-hidden effect.
This text will be read by screen readers, but will be visually hidden.
Makes an element visually hidden by default, but visible when receiving focus.
This text will be read by screen readers, but will be visually hidden.
A focused, and visible, element.
This text will be read by screen readers, but will be visually hidden.
Markup
<div class="visually-hidden {{modifier_class}}">
  This text will be read by screen readers, but will be visually hidden.
</div>