Экранные читалки
Скройте элемент для всех устройств, кроме скринредров с помощью .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;
}