在 GitHub 上查看

屏幕阅读器

使用屏幕阅读器实用程序在所有设备（屏幕阅读器除外）上隐藏元素。

使用 .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;
}