Leitores de tela

Use utilitários de leitor de tela para ocultar elementos em todos os dispositivos, exceto leitores de tela.

Oculte um elemento para todos os dispositivos, exceto leitores de tela com extensão .sr-only. Combine .sr-onlycom .sr-only-focusablepara mostrar o elemento novamente quando estiver em foco (por exemplo, por um usuário apenas com teclado). Também pode ser usado como mixins.

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}