見出しレベルって飛ばしていいと思うんだけれども。
いいというのは、文章の内容的に考えたら、飛んでるのは自然で、色んなアクセシビリティガイドラインでAAAとかとりたいなら飛ばさないでいくしかないと思った。ちなみに、明確な答えは無い(と思う)。
文章的に自然というのはどういう意味かというと、
見出しには、上から考える見出しと、下から発生する見出しがあると思うんですよ。「レベル見出し」と、「汎用見出し」みたいなものが。
自分が良く出会うのは、こんなの

これ(右図)の、「注意」って、h2なんでしょうか?
でも「パグ」と「ゴールデンレトリーバー」より明らかに重要度低い。「写真」も同じ。こーいうのって、h1の見出しの下が分かれる場合はh2で、その下で別れる場合はh3で・・・って言う考えとは、逆の考えで、
っていうコンテンツの塊だけで考えたほうが自然だと思う。表と一文みたいなものの上にちょこっと小見出しがついてる場合とかも。完全に1個の要素に対する見出しだから、こーいうのは「汎用小見出し」と呼んで、自分はいつもh6にしてる。下から下からって考えで。
でも、HTML的には飛ばさないでくれと。飛ばさないでくれというか、仕様的には絶対禁止というほどでもないが、should notって書いてあるぐらいで、とにかくやめてくれと。
色んなアクセシビリティのガイドラインでも、飛ばしてはダメとなっており、何かしらのガイドラインでは、これのせいでAAAがとれねーとかいう書き込みがフォーラムにもあり。見出しレベル飛ぶっていう問題としては、ページのメインエリアまでh1はとっておくべきなの?左や右のナビで出てくる見出しはいくつ?サイトのロゴはh1なの?とかいう疑問もあり、頭が痛い。
色々ネットサーフィンしてて、飛ばさないでくれの理由としては、一部のUAが、正しくページを解釈できなくなるからというのが、一番大きいと思った。そのUAというのは、例えば、ページの見出し構造を自動的に読み取って、目次を作ってくれるようなもの。こーいうのは、h2のあとにh4があると困る。構造化できてない。だからダメです。構造化されてない文書です。
そして、アクセシビリティのガイドラインでAAAをとることもできなくなる。アクセシビリティっていう観点からすれば確かにマイナスかー。でもアクセシビリティ的にダメってのは、見出しレベルを、フォントサイズ調整とかのために使っちゃだめですよという意図が中心っぽいんだけどどうなんだろ。
上の例も、「注意」はh2にして、「写真」はh3にして、それぞれにsubHeadingとかいうクラス名をつけて制御すればいいんだろう。そうすればツリー構造としても矛盾がないし。しかしこれはすごい機械的な考えで直感的ではなく、なかなか分かりづらいなぁ・・・。
特に、会社でベースつくって、どっかの会社でページ量産してくれとか頼むとき、こんなルールあったらすげー大変ですよ。かなりHTMLに通じてないと難しいし、バリバリアクセシビリティAAAですとかいう場合以外、やって意味あるんだろうか・・・。とりあえず自分の場合は、アクセシビリティAAAをとる理由もないし、小見出しでも何でもコピペでテキストだけ変えるで量産して欲しいので、h6ポリシーでいくとします。感覚的には絶対h6ベースが自然だと思う・・・。
何を優先するかってことじゃないですかね。
見出しはテキストの「重要度」か、ページの「構造」か?
ちなみにxhtml2だとsectionとhというモデルになっているので、レベルは関係なくて解決ぽい。
dl dt dd のdt をなんちゃって小見出しにしてもいいけど無理矢理だなぁ・・・。
pにstrongでもきもちわるい。
以下参考ページ。
「Using HTML Heading Numbers」には、HTMLの各バージョンについて細かい考察があります。すげー。
2007/11/01追記 --
はてブコメントを読んだり、相談してみたりして思うに、HTMLは構造を表し、CSSで見栄え。だから、文法上、h1,h2,h3の順列を守るのが、文法的に絶対正しいと思う。見栄えはclassで制御で。ただ、個人でブログや小規模のサイト作る分にはいいけど、うん百ページもあるようなサイトで、このルールを守って運用していくのや、モジュールを積んでページを組み立てていくようなCMSにこの概念を実装させるのは、相当大変だと思う。
あと、dl dt ddって、定義リストなのに、もはやただdtに対する内容がddにあるだけの要素として使われているような・・・。極論いっちゃえば全部の「見出し&その内容」の対はこれに置き換えることもできるとも考えられるし・・・。
まぁ、htmlがあまりに完璧ですんなり理解しやすく、どんなサイトでも文書でも任せなさいと言えるものではないと思うから、そんな議論あんま意味無いと思うけども。
岡目八目 2007/11/20 (11:40)
「注意 - 犬が嫌いな人は帰ってください」って、明らかに見出しではないと思いますが。
p要素じゃだめなんですかね?
Takazudo 2007/11/20 (11:52)
例が簡素化しすぎていて分かりづらかったかもしれないですが、
注意
・このページで掲載されている写真はTakazudoが撮影したもので、著作権はTakazudoに属します。無断転載はお控えください。
・このページは、hogehogeが犬3月号に掲載した内容です。転載、引用についてはうんぬん
だったらどうでしょう?
<section>
<h>注意</h>
<ul>
<li>このページで・・・</li>
<li>このページは・・・</li>
</ul>
</section>
に考えられませんか?
短いセクションに対するキャプションのようなhがあるなということで、
ここででてくるhは、パグ、ゴールデンのhより弱いよなという意味合いです。