indexページのコードについて

Question

宜しくお願いいたします。
企業のサイトなど、indexページ？のコードを見ると上の方に

<p >ここからサイト内共通メニューです</p>

とか

<li><a>カテゴリ別の共通メニューへ移動します</a></li>
<li><a>本文へ移動します</a></li>

といった記述がされている事があります。
例えば下記のような企業サイトのindexページのコードにもありました。
https://www.tempstaff.co.jp/staff/

実際のサイトを見ると上の文章は表示はされていないのですが、
この記述は、何のために誰に向けて書かれているのでしょうか？
コメントとして書かれているようでもないのですが。。。

初心者ですがもし分かるかたいましたら、予想でも良いので
教えて頂けたらうれしいです。

宜しくお願いいたします。

Answer 1

アクセシビリティってやつ。
http://www.mhlw.go.jp/accessibility/

Answer 2

つw3m https://www.tempstaff.co.jp/staff/
つw3m https://waic.jp

Answer 3

質問に対する回答になっていなかったため、冒頭に追記します。

1つはSEO対策であることが挙げられます。
Googleの検索ロボットも色々と仕様があるかと思いますが、
例えば画像である場合は正しく画像の意味まで拾えない可能性があるため、
「ここはこういう意味で置いてるんだよ」というのを検索ロボットに
アピールするために入れている　ことがよくあります。

teratail内にある下記質問の回答は参考になりそうです。

• 文章を画像にしている場合のSEO対策はどう考えますか？

---

ブラウザの開発ツールで確認してみるとどのような加工を以てそうなっているか分かります。

• CSSの設定を調べる方法（Web開発者ツールの使い方）
• Chromeデベロッパーツール（検証モード）の基本的な使い方を解説
• Web制作で使いこなしたいIE開発者ツールの最新機能

これを覚えておくと
「これいいな。自分でも使いたいな」って思ったときとか、
JavaScriptで動的に色々と起きているイベントや要素の動きを追いたいときにも使えます。
エラーが出た時のデバッグにも使えるので、初心者のうちに覚えておくべき機能の筆頭ですね。

Comments

[kenj]

ご回答ありがとうございます。
SEO対策等のために書かれているのですね。
色々と検索しても出てこなかったので勉強になりました。
開発者ツールについても今後詳しく操作を勉強してみたいと思います。
リンクもありがとうございました。

[kei344]

To: mts10806さん
SEO対策なら非表示テキストに良い意味は無いと思いますよ。リンク先の回答にも「サイトのアクセシビリティのため」と書いてあるように読めます。

[m.ts10806]

kei344さん
私もkawaxさんの回答見てハッとしました。ちょっと読み込み甘かったですね。反省です。

kenjさん
私の私見でしかなく、答えとしては間違っているので、ベストアンサー外してください。

[kenj]

了解しました。
私の無知から色々な方にご迷惑をおかけしました。
自分ももっと勉強したいと思います。
ご回答頂いた方やご指摘頂いた方々もありがとうございました。