Screenreaders

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

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

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

// Использование в качестве миксина
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}