sr

要素内の文章をスクリーンリーダーに反応するよう、外見のみ非表示にする。

  <p><a href="#" class="btn btn-first btn-round">&raquo; sr <span class="sr">この文字は表示されません</span></a></p>

sr-focus

要素そのものにフォーカスしたときにテキストが表示される。

sr-focus

  <p>sr-focus <input type="button" class="sr sr-focus" value="フォーカスしましたね" /></p>

包括要素にフォーカスしたときにテキストが表示される。

  <p><a href="#" class="btn btn-second sr-focus-inner">&raquo; sr-focus-inner <span class="sr">フォーカスしましたね</span></a></p>