读屏器 (Screenreaders)
Bootstrap对读屏器的支持是其众多可访问性特性之一,这为网站建设、网页设计、网站开发、小程序、独立站和跨境电商等项目提供了可靠的无障碍支持。开发人员可以利用Bootstrap的ARIA标记和语义HTML,以确保读屏器用户可以轻松地理解页面上的信息,并实现无障碍的交互体验,提高网站的可访问性和可用性。

使用屏幕阅读器通用样式定义,隐藏屏幕阅读器不支持的设备元素。

通过 .sr-only可定义 屏幕阅读器支持的元素.sr-only.sr-only-focusable结合,可以防止被键盘激活后再次显示此地素(如通过键盘),也可以用作sass mixins。

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

加入 DEVDIY 开发者社区

利用 DEVDIY 资源快速拓展您的业务
有兴趣与 DEVDIY 开发者合作吗?