目录
使用屏幕阅读器工具隐藏除屏幕阅读器之外的所有设备上的元素。
对除屏幕阅读器外的所有设备隐藏一个元素.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;
}
后记
如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!