屏幕阅读器
屏幕阅读器-Bootstrap 5和Material Design 2.0
使用屏幕阅读器实用程序隐藏除屏幕阅读器以外的所有设备上的元素。
基本例子
将元素隐藏到所有屏幕阅读器以外的设备上,
.visually-hidden
。使用 .visually-hidden-hidden-focusable
显示元素
仅在重点关注时(例如,仅使用键盘的用户)。也可以用作mixin。
<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;
}