Leitores de tela

Use estes utilitários para esconder elementos em todos os dispositivos, com exceção dos próprios leitores de tela.

Com os utilitários você poderá esconder um elemento em todos os dispositivos, exceto em leitores de tela. Também, combinando as classes .sr-only e .sr-only-focusable, é possível mostrar um elemento, novamente, quando ele recebe foco. Isso tudo é possível usando mixins, também.

<a class="sr-only sr-only-focusable" href="#content">Pular para o conteúdo principal</a>

// Exemplo de uso com mixin
.pula-navegacao {
  @include sr-only;
  @include sr-only-focusable;
}