Texto oculto

En ocasiones queremos que un texto no sea visible pero que sea anunciado por los lectores de pantalla.

Para ocultar un texto visualmente podemos usar la propiedad clip:

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