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

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

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

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

No.2 ベストアンサー 回答者： cybershoot 回答日時： 2009/09/25 09:34

あ、ただしdisplay:none;を指定すると

音声読み上げブラウザで読み上げられません。

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

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

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

この回答へのお礼

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

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

お礼日時：2009/09/25 10:32

No.1 回答者： cybershoot 回答日時： 2009/09/25 09:32

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

.localNav h2 {
display:none;
}

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

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

と書くこともできます。

この回答へのお礼

cybershoot様

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

お礼日時：2009/09/25 10:35