web-dev-qa-db-ja.com

検索ボタンにclass = "screen-reader-text"があるのはなぜですか？

私は検索を行っていて、検索フォームでこのボタンを見つけました。

<button type="submit" class="search-submit">
        <span class="genericon-search"></span>
        <span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?></span>

この検索フォームでの<span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', ); ?>の使用方法を知りたいのですが、この行を削除しても機能します。

searchformsaccessibility
4
TheDose

このクラスは、目の見えるユーザーから要素を視覚的に隠すために使用されますが、それでもスクリーンリーダーのような支援技術がそれらの要素を視覚障害のあるユーザーに提示することを可能にします。

例えば、あなたはあなたのページ/プロフィールへのリンクとしてFacebookのロゴが付いたアイコンを持っているかもしれません。目の不自由なユーザーはFacebookであることを知っていますが、盲目のユーザーはそうではありませんので、視覚障害のある人にリンクについてもっと知らせるために「My Facebook Profile」または他の説明的なテキストが必要です。

7
Cedon