视觉隐藏

使用这些助手可以在视觉上隐藏元素，但使辅助技术可以访问它们。

在本页面

在视觉上隐藏元素，同时仍然允许使用.visually-hidden将该元素暴露于辅助技术（例如屏幕阅读器）。使用 .visually-hidden-focusable 在默认情况下以可视方式隐藏元素，但在聚焦时显示它（例如，仅由键盘用户）。也可用作mixins。

<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;
}