web-dev-qa-db-ja.com

h1の次にh2の代わりにh1の次にh3を使用しても問題ありませんか?

サイトでアクセシビリティのレビューを行っていますが、これまでに行ったことはありません。見出しは論理的な順序でなければならないというWCAG 2.0ドキュメントを読みました。

H1s、次にh3sのページがあります。開発者にh3sをh2sに変更するように依頼する必要があるのか​​、それとも不必要にリテラルなのですか?支援技術がh1、h3の順に読み続けると思いますか、それとも何か不足していますか?

乾杯!

21
Livia Thimotheo

ユーザーがコンテンツを見つける可能性が高いため、この方法で見出しをスキップすることは世界の終わりではありませんが、コンテンツの一般的な構造に反し、支援技術を使用してアクセスするユーザーに少しの障壁を追加します。

それを見る1つの方法は、1つの部屋にいる3人の軍隊を考えることです。将軍、サージェント、プライベート。サージェントが部屋を離れた場合、それは部屋のすべての階層が意味をなさなくなったことを意味しますか?いいえ、民間人はまだ将軍に該当します。それは単に彼の直接的な責任の範囲が壊れていることを意味します-彼はまだ将軍からの命令を受けますが、彼らが彼の直接的な優越の範囲から来たなら好むでしょう。

したがって、ページ階層は似ています。すべてがほとんど機能しますが、少し混乱し、おそらく不要になります。

スクリーンリーダー [〜#〜] nvda [〜#〜] を例に取ると、ページのコンテンツを読み取る方法はいくつかあります。

  1. ページの上部から始めて、insert + downを選択すると、右上から下に向かって読み始めます(停止、一時停止などの場合を除く)。
  2. Hキーを押してページの読み取りを開始すると、H1、H2、H6であるかどうかに関係なく、マークアップの次の見出しにジャンプします...
  3. 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を作成します)。

27
JonW