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