アクセシビリティから考えるh1
Posted by @Style :
11:50
|
コメント (0)
|
トラックバック (0)
ナビゲーションとスペーサー画像にトラックバックをいただきました。
『透明spacer.gifをアンカーに』は、使用方法を間違えると問題ありのようです。
有限会社ユニバーサルワークス
さんのコラムが紹介されていた。こちらのサイトは、以前、別のBlogでも紹介している。
第29回 自治体サイトWebアクセシビリティ調査2005を終えて(上)(2005年9月1日掲載)
では、さすが清家さんと思うところがある。
もうひとつ、特殊な発展形としては、上記の読み飛ばしリンクが透明gifであることに有頂天になった制作者が、この小手先のテクニックを駆使して、トップページ全体に不可視のナビゲーションを付けまくるタイプがある。うっとうしさ満点。それやるなら、先に見出しの要素を付けとけよと言いたい。
見出しやリストなどの適切な文書構造があってこそアクセシビリティです。
ひとつ勘違いしていたのは・・・
私:ページの一番上(読み上げの最初)に置くのはやめてね。
制作:どうして?
私:ページに入ってすぐエンターキーを押せというのは酷ではないか!やってみな。
制作:なるほど。
私:いちいちシフト+Tabで戻らないといけないわけよ、もううんざり。タイトルタグの直後は聴き逃しやすいし、そうそう、音声ブラウザのデフォルトではタイトルタグはそのページに入ったとき1回しか読み上げないから、ページの一番上にはもう1回ページ見出しを書いておいてもらえるとうれしいね。
h1の後にスキップを設置しました。それでは、h1には何が適切なのでしょうか。<h1>要素の扱い
| Web標準Blog
で質問が掲載されていました。
構造的にマークアップを進めていく場合、<h1>で括るのにふさわしいものとして「a.サイト共通のタイトルや企業名称」と「b.そのページのユニークなタイトル」のうち、どちらがより適切でしょうか。
ところで、MovableTypeのh1はデフォルトではサイトのタイトルとなっています。(このBlogもphpによりincludeしていますのでサイトのタイトルです。)改善の必要がありそうですね。
前のエントリー:CSSハック
次のエントリー:Nucleus CMS Skin Contest
関連記事
- MovableType 4でkeywordsを記述する【改訂版】
- MT4 テンプレート 2Columnのカスタマイズ その1
- Markup Validation Service
- WebInspector 5.02 Java6対応版
- Web Designing 2007年 05月号 元原稿
- XHTML 1.1
- フッターにデザインを入れてみる
- ナビゲーション
- Web Designing
- 文字サイズを考える
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/43
![Web標準 Webサイト制作 [アットスタイル] アットスタイル](http://atstyle.biz/webimg/atstylelogo.png)


