ページ 1 / 1

見出しタグの設定について(アクセシビリティ関連)

Posted: 2005年11月14日(月) 14:31
by kero1114
こんにちは。チュートリアル3からの質問です。
チュートリアル3は問題なく終了したのですが、見出しタグに対応できないでしょうか?
音声読上げをしていく場合、見出しタグ<h1><h2><h3>・・・・の順に拾い読みしていきます。チュートリアル3の

<div class="news_title">
<span class="news_date">2005-02-05 </span>
お知らせテスト1です。
</div>

この見出し部分を<h3>などの見出しタグに対応させるのは可能でしょうか?

<div class="news_title">
<h3><span class="news_date">2005-02-05 </span>
お知らせテスト1です。</h3>
</div>

htmlだとこんなイメージでしょうか。このままcmsデザイナーに対応させても<h3>タグはうまく表示できません。すみませんがよろしく願い致します。

Re: 見出しタグの設定について(アクセシビリティ関連)

Posted: 2005年11月14日(月) 16:05
by webmaster
 webmasterです。
 kero1114さん、ご質問ありがとうございます。

 今回ご連絡頂いたデザインですが、問題なく可能なはずです。
 ・・・が、kero1114さんの方ではうまく表示されないとのことで、何かが起きている
ものと思われます。

 「<h3>タグはうまく表示できません」とのことですが、
具体的にはどんな感じになりますでしょうか。
 エラーが表示されたりしますか? それとも、タグが表示されませんか?
 他のタグは全て表示されているのに、<h3>だけが消えているとか…?
 「ページが存在しません」になるとか・・・。

 何か情報がありましたらご連絡頂ければ幸いです。m(_ _)m

お騒がせしました!

Posted: 2005年11月14日(月) 17:30
by kero1114
えええええ?と思いソースを見直してみました。
デザイン定義ファイルで<h3>が使えないものと勘違いしていました。・・・赤面。
ばっちり表示できました。
お騒がせしました。それから、ありがとうございました。

Re: お騒がせしました!

Posted: 2005年11月14日(月) 18:32
by webmaster
 webmasterです。解決されたようで何よりです。
 マニュアルがまだまだ分かり難い点があるかと思います。こちらこそお手数を
おかけいたしました。

 例えば、

コード: 全て選択

<div class="news_title"> 
<h3><span class="news_date">2005-02-05 </span> 
お知らせテスト1です。</h3> 
</div>


 ではなく、

コード: 全て選択

<ul class="news_title"> 
<li>2005-02-05 お知らせテスト2です。</li>
<li>2005-02-04 お知らせテスト1です。</li>
</ul> 
 のようにシンプルにすることも問題なく可能ですので、いろいろお試し頂ければと
思います。

 よく考えたら、こちらのサンプルが全然アクセシビリティ対応じゃないのが
問題ですね。(^^;