Hiding/disabling elements

<span hidden>Lorem ipsum dolor</span>
<span class="hidden">Lorem ipsum dolor</span>
Applies a display: none to element.
<span class="nonvisible">Lorem ipsum dolor</span>
Applies a visibility: hidden to element (keeps space used but hides it).
<span class="sr-only">Lorem ipsum dolor</span>
Makes element disappear but element remain vocalized by speech synthesis (display: none/visibility: hidden elements won't be vocalized)
<a class="no-pointer-events">Lorem ipsum dolor</a>
Applies pointer-events: none to element.
If you need to remove pointer events on all children of an element, you may use no-pointer-events-children class.