hidden-elements.md

Hidden elements

Hide an element

<div hidden>Hidden content</div>

Hide only from assistive tecnology

<div aria-hidden="true">Hidden content</div>

Hide only visually

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

<div class="visually-hidden">Hidden content</div>

---

Inclusively Hidden