在GitHub上访问

Visually 隐藏

使用这些辅助工具可以直观地隐藏元素，但要保证辅助技术可以访问这些元素。

visually隐藏元素，同时仍然允许使用 .visually-hidden 将其显示给辅助技术(如屏幕阅读器)。默认情况下，使用 .visually-hidden-focusable 来隐藏一个元素，但在它被聚焦时显示它(例如，仅供键盘用户使用)。也可以作为mixin使用。 屏幕阅读器的标题跳到主要内容

Skip to main content 
<h2 class="visually-hidden">Title for screen readers</h2>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
// Usage as a mixin

.visually-hidden-title {
@include visually-hidden;
}

.skip-navigation {
@include visually-hidden-focusable;
}