スクリーンリーダー（Screen readers）

.sr-only でスクリーンリーダーを除くすべてのデバイスで要素を非表示にする。.sr-only と .sr-only-focusable を組み合わせると、要素がフォーカスされているときに再表示する（キーボードのみのユーザーなど）。mixinとしても使用可能。

設定例

スクリーンリーダーを除いて非表示コピー<a class="sr-only" href="#content">メインコンテンツへスキップ</a>

スクリーンリーダーを除いて非表示（フォーカス時には表示）コピー<a class="sr-only sr-only-focusable" href="#content">メインコンテンツへスキップ</a>

Sassでの設定// mixinとして使用
.skip-navigation {
	@include sr-only;
	@include sr-only-focusable;
}