とほほのBootstrap 4入門

トップ > Bootstrap 4入門 > スクリーンリーダー

スクリーンリーダー

.sr-only を指定した要素は、スクリーンリーダーのみに読み上げられます。.sr-only-fucuable を指定すると、フォーカスがあたった場合のみ表示されます。

Sample
Sample
<input type="text" class="form-control" placeholder="Text1">
<input type="text" class="form-control sr-only" placeholder="Text2">
<input type="text" class="form-control sr-only sr-only-focusable" placeholder="Text3">

Copyright (C) 2015-2019 杜甫々
初版:2015年9月6日 最終更新:2019年1月13日
http://www.tohoho-web.com/bootstrap/screenreaders.html