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