ナビエリアを毎回読み上げないように・・・

質問

音声ブラウザを使っている人にとっては、
毎度毎度同じナビゲーションエリアを読み上げられては
鬱陶しいのでは？と思い、調べてみたところ、
・ページの最初のほうに、本文へのリンクを置く。
　(視覚系UAからは隠すために1×1ピクセルの透明GIFを使う)
・HTMLではメインコンテンツの後ろにナビゲーションを記述し、
　CSSで視覚上、メインコンテンツの前に表示する。
の2つの方法を見つけました。

では、自分はどちらを使おうかと考えてみたのですが、
それぞれの長所短所が想像できず、思考停止に陥ってしまいました(笑)。

両者の長所短所や、上記以外の方法があれば
教えていただければと思います。

回答No.2

noname#119957

私の意見
**
前者はＳＥＯで不安
後者はＳＥＯで不安はないが弱い
**
理想は、音声ブラウザ向けのＴＥＸＴベースのページを作成してあげる。
**

お礼

SEOには疑問を感じています。
SEOを優先するあまり、文書構造を崩しているサイトや、
文書構造を崩す方法を解説しているサイトが氾濫してます。

回答No.1

神崎 渉瑠（@taloo）

> ・ページの最初のほうに、本文へのリンクを置く。
> 　(視覚系UAからは隠すために1×1ピクセルの透明GIFを使う)

<a href="#honbun">などのことだと思いますが、
実際に音声ブラウザを使ってみればわかると思いますが、これは意味がないと思います。
ページ全体像を見る（感じる）ために、いきなり#honbunへ飛ばず、まず、（メニューなども含めて）一通り読むことの方が多いと思います。

透明GIFを使う意味もなく、スタイルシートで隠せばいいです。

ということで、私は２つめの方法をおすすめします。

お礼

もちろん、最初のうちは全部見ると思いますが、リピーターにとっては
鬱陶しいと思います。
ありがとうございました。