Visually hidden is used when an element needs to be available to assistive technologies like screen readers, but be otherwise hidden.
<nord-visually-hidden>I am hidden</nord-visually-hidden>
The visually hidden content.
This section includes guidelines for designers and developers about the usage of this component in different contexts.
- Use to hide text visually from the screen, but keep it available to assistive technologies, such as screen readers.
- Don’t use for hiding interactive content.
If you experience any issues while using Nord Web Components, please head over to the Support page for more guidelines and ways to contact us.