u-sr

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

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

u-sr-focus

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

u-sr-focus ->

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

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

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