螢幕閱讀器 (Screenreaders)

透過本元件,隱藏除了螢幕閱讀器之外的所有設備上元素。

六角學院 六角學院

六角學院的 Bootstrap 課程上線囉,立即與萬人一同學習最專業、最深入的 Bootstrap 課程。

立即上課去

透過 .sr-only 將一個元素對所有設備隱藏 除了螢幕閱讀器。將.sr-only.sr-only-focusable 結合,以便在其被 focused 時再次顯示該元素(例如通過鍵盤使用)。也可以用作 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;
}