Bootstrap 屏幕阅读



Bootstrap 屏幕阅读

Bootstrap 屏幕阅读

屏幕阅读器用于向除带有.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;
}