アクセシビリティのベストプラクティス

見出しのレベルは1つずつ増加させなければなりません

見出しのレベルが飛んでいる(例:H2からH4)ため、スクリーンリーダーの利用者にとってページの構造がわかりにくくなっています。

このルールがチェックする内容

見出しの順序が意味的に正しいことを確認してください.

なぜ重要なのか

スクリーンリーダーの利用者は、見出しを使ってページ内を移動します。これはWCAG 1.3.1を補うベストプラクティスです。

このルールは推奨される実践方法です。不合格でもそれだけではWCAGの不適合にはならないため、当社のレポートではWCAGの不適合とは分けて記載しています。

修正方法

  1. 該当するセクションの見出しのレベルを、レベルを飛ばさずに順番どおりになるよう調整します。
  2. 変更するのはタグだけで、見た目のスタイルは変えません(サイズにはCSSのクラスを使います)。

修正の確認方法

  • 再スキャンし、HeadingsMapなどのブラウザ拡張機能で見出しの構成を確認します。

FixReportsが検出する方法

当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールheading-orderを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。

自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。

今すぐウェブサイトをスキャン

見つけて、直して、確かめる。

これはどんな種類のサイトですか?

回答に合わせて、オンラインストアの購入フローなど適切なチェックを選びます。サイト自体の判断材料も確認し、両方を表示します。

これはどんな種類のサイトですか?

無料スキャン。クレジットカードは不要です。