Visually hidden

anastasiia-tilikina

hides an element from the page, it is still visible for screen readers and stays interactive. It is used in case necessarily for semantics, we don't need it in layout

Shortcut: vishid

.visually-hidden {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  margin: -1px!important;
  border: 0!important;
  padding: 0!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
}