读屏器

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

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

  1. <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
  1. // Usage as a mixin .skip-navigation {
  2. @include sr-only;
  3. @include sr-only-focusable;
  4. }