• 读屏器

    读屏器

    使用屏幕阅读器通用样式定义,隐藏屏幕阅读器不支持的设备元素。

    通过 .sr-only可定义 屏幕阅读器支持的元素.sr-only.sr-only-focusable结合,可以防止被键盘激活后再次显示此地素(如通过键盘),也可以用作sass mixins。

    1. <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
    1. // Usage as a mixin .skip-navigation {
    2. @include sr-only;
    3. @include sr-only-focusable;
    4. }