Скрінрідери

Використовуйте утиліти зчитування екрана, щоб приховати елементи на всіх пристроях, окрім програм зчитування з екрана.

Приховати елемент на всіх пристроях, крім програм зчитування екрана , за допомогою .sr-only. Поєднайте .sr-onlyз .sr-only-focusable, щоб знову показати елемент, коли він перебуває у фокусі (наприклад, користувач, який використовує лише клавіатуру). Також можна використовувати як міксини.

<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;
}