質問: ### 前提・実現したいこと Bootstrapでsr-onlyクラスというのがあると知りました(http://hono-design.seesaa.net/article/385717552.html) 実はなにかよくわかってないので教えてくれたらうれしい ### 発生している問題・エラーメッセージ sr-onlyクラスがやってることって本来あるはずの文字を見えなくしているのでブラックハットSEOになりますよね? GOOGLE的にどうなんですか? ### 試したこと 課題に対してアプローチしたことを記載してください ### 補足情報(言語/FW/ツール等のバージョンなど) より詳細な情報
回答: > > Bootstrapでsr-onlyクラスというのがあると知りました(http://hono-design.seesaa.net/article/385717552.html) > > 実はなにかよくわかってないので教えてくれたらうれしい > > > `sr-onlyクラス`は**スクリーンリーダーのためのもので、このクラスを指定した要素は画面上に表示されず、レイアウトに影響を及ぼしません**。 > > sr-onlyクラスがやってることって本来あるはずの文字を見えなくしているのでブラックハットSEOになりますよね? > > > 質問者さんは「Googleは隠されたコンテンツを好まない」ということを懸念しているのだと思いますが、それはあくまでも「悪意のあるコンテンツ」である場合に限ります。もしもそれがより優れたユーザーエクスペリエンスのために非表示になっているものなのであれば、ペナルティを受けることはないのではないかと思います。 参考: