读屏器
使用屏幕阅读器通用样式定义,隐藏屏幕阅读器不支持的设备元素。
通过 .sr-only
可定义 屏幕阅读器支持的元素。 .sr-only
与 .sr-only-focusable
结合,可以防止被键盘激活后再次显示此地素(如通过键盘),也可以用作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;
}