Скринридеры

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

Смотреть на GitHub

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