HTMLランドマークチェッカーとは
ARIAランドマークは、ページ領域を定義するHTML要素です。スクリーンリーダーはランドマークを使用して、ユーザーがページセクション間を移動できるようにします。一般的なランドマークにはheader、main、nav、footer、aside、formなどがあります。ランドマークが不足すると、支援技術ユーザーにとってページのナビゲーションが難しくなります。
クイックアンサー
HTMLを貼り付けて、どのARIAランドマーク要素が存在し、どれが欠落しているかを確認します。スクリーンリーダーはランドマークを使用して、キーボードや支援技術のユーザーがページ領域間を移動できるようにします。
Last updated: 2026-06-11
制限事項
- このツールは要素名のみをスキャンします。aria-label、aria-labelledby、または表示見出しによって提供されるアクセシブルな名前があるかどうかはチェックしません。
- ARIAロールの割り当ては検証しません。role属性を持つ要素は、暗黙的なランドマークロールを上書きまたは削除する可能性があります。
- 部分的なHTMLの貼り付けは、貼り付け範囲外のランドマーク要素を見逃す可能性があります。完全な監査にはページ全体のHTMLを貼り付けてください。
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
使い方
- HTMLマークアップを入力領域に貼り付けます。
- ツールがランドマーク要素をスキャンし、存在するものを表示します。
- ページから欠落しているランドマークを示す結果を確認します。
- 不足しているランドマーク要素を追加して、ページのアクセシビリティを向上させます。
主な用途
- 公開前に静的ページテンプレートのランドマーク要素の欠落を監査する。
- サイトのすべてのページにスクリーンリーダーナビゲーション用のmain要素があることを確認する。
- ナビゲーションブロックが汎用的なdiv要素ではなくnav要素を使用していることを確認する。