見出し構造チェッカー
アクセシビリティのための見出し階層を確認
HTML ソース
見出し構造チェッカーとは?
見出し構造チェッカーは、WCAGアクセシビリティガイドラインに照らしてHTMLの見出し階層を検証します。見出しレベルのスキップ、H1タグの欠如、空の見出しなど、スクリーンリーダーユーザーがコンテンツをナビゲートできなくなる違反を検出します。
使い方
- ステップ1 — HTMLマークアップを入力エリアに貼り付けます。
- ステップ2 — チェッカーがWCAG 2.1の達成基準に照らして見出しの順序を検証し、各違反を重大度レベルとともにフラグを立てます。
- ステップ3 — 合格/不合格のチェックリストを確認し、アクセシビリティレポートをチームにエクスポートします。
結果
ランディングページのHTMLをチェッカーにかけると、3つの違反が見つかります:空のH3タグ、H1からH3へのジャンプ、フッターの第2のH1 — それぞれに特定のWCAG参照が付きます。