Screenreaders Screenreaders(スクリーンリーダー)を除くすべてのデバイスの要素を非表示にします。 .sr-only でスクリーンリーダーを除くすべてのデバイスで要素を非表示できます。.sr-only と .sr-only-focusable を組み合わせると, 要素がフォーカスされているときに再表示します(例:キーボードのみのユーザーなど)。mixinとしても使用可能です。 <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; }
![Screenreaders](https://cdn-ak-scissors.b.st-hatena.com/image/square/19e00cf3a6b3e0ed950d19a76229f98546b86f99/height=288;version=1;width=512/http%3A%2F%2Fgetbootstrap.jp%2Fdocs%2F4.2%2Fassets%2Fbrand%2Fbootstrap-social.png)