とほほのBootstrap 4入門

  1. トップ
  2. Bootstrap 4入門
  3. スクリーンリーダー

スクリーンリーダー

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

Sample
Code
<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日
https://www.tohoho-web.com/bootstrap/screenreaders.html