屏幕阅读器

屏幕阅读器-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;
          }