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>