サイトでアクセシビリティのレビューを行っていますが、これまでに行ったことはありません。見出しは論理的な順序でなければならないというWCAG 2.0ドキュメントを読みました。
H1s、次にh3sのページがあります。開発者にh3sをh2sに変更するように依頼する必要があるのか、それとも不必要にリテラルなのですか?支援技術がh1、h3の順に読み続けると思いますか、それとも何か不足していますか?
乾杯!
ユーザーがコンテンツを見つける可能性が高いため、この方法で見出しをスキップすることは世界の終わりではありませんが、コンテンツの一般的な構造に反し、支援技術を使用してアクセスするユーザーに少しの障壁を追加します。
それを見る1つの方法は、1つの部屋にいる3人の軍隊を考えることです。将軍、サージェント、プライベート。サージェントが部屋を離れた場合、それは部屋のすべての階層が意味をなさなくなったことを意味しますか?いいえ、民間人はまだ将軍に該当します。それは単に彼の直接的な責任の範囲が壊れていることを意味します-彼はまだ将軍からの命令を受けますが、彼らが彼の直接的な優越の範囲から来たなら好むでしょう。
したがって、ページ階層は似ています。すべてがほとんど機能しますが、少し混乱し、おそらく不要になります。
スクリーンリーダー [〜#〜] nvda [〜#〜] を例に取ると、ページのコンテンツを読み取る方法はいくつかあります。
insert
+ down
を選択すると、右上から下に向かって読み始めます(停止、一時停止などの場合を除く)。H
キーを押してページの読み取りを開始すると、H1、H2、H6であるかどうかに関係なく、マークアップの次の見出しにジャンプします...1
を押すとページマークアップの次のH1にジャンプし、2
を押すとマークアップの次のH2にジャンプし、4
を押すと次のH4にジャンプします... (Shift
+ 2
を使用して、前のH2に移動するために順序を逆方向にジャンプすることもできます)。現在、これらの状況のほとんどで、見出しの順序が狂っていても、それほど大きな違いはありません。ただし、上記の3番目のオプションでは、見出しの順序で要素をスキップした場合、コンテンツの場所が少しわかりにくくなります。 (人々がスクリーンリーダーでどのナビゲーション方法を使用することを好むかを知ることができないことを覚えておいてください-それはすべて当時の個人的な好みにかかっています)。
<H4>
>内に直接<H2
がある場合は、次の例を参考にしてください。
2
を押してH2に直接ジャンプします。3
を押して次の見出しにジャンプしますが、それがないのでthere is no next H3
と応答します(または同様の言い回し、それが言っていることを正確に思い出せません)。insert
+ down
を押すだけで、その場所(そのH2)から読み取りを開始します。2
を押して次のH2にジャンプすることができます(したがって、H4コンテンツを逃しています)4
を押して、他に見出しがないかどうかを確認することができます。h
を押して次の見出しにジャンプします...だから彼らはまだここにオプションを持っています、そして彼らはおそらくH4のコンテンツを見つけますがそれは問題です-彼らは後ろに座り、次のステップが何であるかを考えなければなりません、したがって集中力の流れを壊します。
おそらく、H2の代わりにH3が存在する理由を確認することをお勧めします。ほとんどの場合と同様に、おそらく理由があります。 (H2のスタイルが太すぎる場合は、たとえば、この状況でH2の新しいclass
を作成します)。