屏幕阅读器

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

对所有设备(屏幕阅读器除外)隐藏元素,并带有.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;
}