Exibir conteúdo somente para leitor de telas

Somente para leitor de telas

Em primeiro lugar, qualquer coisa que seja explicitamente oculta do DOM também
não será incluída na árvore de acessibilidade. Então, qualquer coisa que tenha um estilo CSS 
com atributo visibility: hidden ou display: none ou  use HTML5 hidden também 
será oculta para usuários de tecnologia assistiva.

 No entanto, um elemento que não seja renderizado visualmente, 
 mas não é  explicitamente oculto ainda é incluído na árvore de acessibilidade. 
 Uma técnica comum é incluir "texto somente para leitor de tela" em um elemento  
 que é absoluto posicionado fora da tela.

.sr-only {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}