Visually Hidden

The Visually Hidden component removes content from the visual display while keeping it accessible to screen readers and other assistive technologies. It provides an alternative to using aria-label or aria-labelledby in scenarios where longer descriptions or complex content structures are needed.

Visually hides content while preserving it for assistive technology

Architecture

sc-visually-hidden
Slot: default Place the content you want to hide here.

Reference

  • Visually Hidden

    The root component that applies the necessary CSS properties to hide content visually while maintaining accessibility. Content placed within this component will be removed from the visual layout but remain in the accessibility tree.

made for toddle