utility-sr

echo-sr

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

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

echo-sr-focus

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

echo-sr-focus ->

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

echo-sr-focus-inner

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

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