Screenreaders

Используйте утилиты чтения с экрана, чтобы скрыть элементы на всех устройствах, кроме соотвествующих программ чтения с экрана.

Скройте элемент на всех устройствах, кроме программ чтения с экрана используя .sr-only. Объедините .sr-only с .sr-only-focusable, чтобы снова отобразить элемент, когда он сфокусирован (например, только для пользователя, использующего только клавиатуру). Можно также использоваться как mixins.

<a class="sr-only sr-only-focusable" href="#content">Перейти к основному содержанию</a>

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