读屏器 (Screenreaders)

使用屏幕阅读器通用样式定义,隐藏屏幕阅读器不支持的设备元素。

通过 .sr-only可定义 屏幕阅读器支持的元素.sr-only.sr-only-focusable结合,可以防止被键盘激活后再次显示此地素(如通过键盘),也可以用作sass mixins。

<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;
}