Source

屏幕阅读器

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

将元素隐藏到除屏幕阅读器之外的所有设备.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;
}