🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
`.sr-only` 类可以对**屏幕阅读器以外**的设备隐藏内容。`.sr-only` 和 `.sr-only-focusable` 联合使用的话可以在元素有焦点的时候再次显示出来(例如,使用键盘导航的用户)。对于遵循 [可访问性的最佳实践](https://v3.bootcss.com/getting-started/#accessibility) 很有必要。这个类也可以作为 mixin 使用。 ~~~html <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> ~~~ ~~~scss // Usage as a mixin .skip-navigation { .sr-only(); .sr-only-focusable(); } ~~~