屏幕阅读器用于将元素隐藏到除具有.sr-only的屏幕阅读器之外的所有设备上。将.sr-only和.sr-only-focusable结合使用以在元素聚焦时再次显示该元素(例如,仅键盘用户)。也可以用作mixin。
句法:
<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;
}