ローカルナビゲーションのマークアップ

質問

ローカルナビゲーションについて質問です。
ローカルナビゲーションの部分を「ｈ２」としてマークアップすべく
<div class="localNav">
<h2>ローカルナビゲーション</h2>
<ul>
<li>・・・・・</li>
<li>＠＠＠＠＠</li>
<li>ＮＮＮＮＮ</li>
</ul></div>

（http://bebow6.blogspot.com/2009/04/blog-post_09.htmlを参考にしました）

としたのですが、<h2　～　/h2>の間にある「ローカルナビゲーション」というのが、ブラウザーに文字として表示されてしまいます。
これを非表示にするにはどうすればいいでしょうか？　スタイルシートをどのようにいじればよいでしょうか？　よろしくお願いいたします。

回答No.2

cybershoot · ベストアンサー

あ、ただしdisplay:none;を指定すると
音声読み上げブラウザで読み上げられません。

音声読み上げブラウザに対応するのであれば
邪道ではありますが

.localNav h2 {
position:absolute;
text-indent:-999em;
}

とするのが良いと思います。

お礼

cybershoot様
ご指摘の方法で無事解決できました！！

連休、中休みのときにＸＨＴＭＬに移行しようとおもっていたのですが、これで悩みが解決でき、いい１日が過ごせそうです☆

回答No.1

cybershoot

h2をCSSで非表示にするというのはどうでしょうか？

.localNav h2 {
display:none;
}

とCSSに書き加えればh2が非表示になります。
HTMLに直接

<h2 style="display:none;">ローカルナビゲーション</h2>

と書くこともできます。

お礼

cybershoot様

直接入力もできるんですね。上記、邪道？の方法を採用させていただきました。
ありがとうございます！