Skip to Main Content

Visibililities

Using Visibililities

This attribute allows you to hide elements from either all devices or just screens. This can be useful when an element needs to be hidden from screens but provides extra context to accessibility devices.

Markup

<div data-c-visibility="VALUE"></div>

Available Arguments

# VALUE

hidden
invisible

In Practice

<!--An element hidden from all devices, including screen readers.-->
<div data-c-visibility="hidden"></div>
<!--An element hidden from screens, but not accessibility devices.-->
<div data-c-visibility="invisible"></div>

Changelog

No changes to report! (yet)