Saltar al contenido principal

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:

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