Web・通信・セキュリティ

HTML構造・アクセシビリティチェッカー

HTMLを貼るかファイルを1個入れるだけで、見出し・ID・alt・label・ARIA参照・操作要素の問題候補を自動診断します。

HTMLを入力

チェックしたいHTMLを貼り付けまたはHTMLファイルを選択・ドロップ

.html / .htm、最大2MB。貼り付け・選択直後にブラウザ内で解析します。

HTMLはブラウザ内だけで解析され、外部へ送信・保存されません。HTML内のscript・画像・iframe・stylesheet・URLも実行・取得しません。

ユーザーHTMLを実ページへ描画・実行せず、静的なタグと属性から文書構造とアクセシビリティ上の確認候補を調べるToolです。

h1〜h6を文書順に確認し、レベルが2段以上飛ぶ箇所や空見出しを確認候補として表示します。sectioning contextなどによって判断が変わる場合があります。

alt属性なしは確認候補です。一方、alt=""は装飾画像として意図的に指定されるため、属性なしとは区別して情報表示します。

input・select・textareaに対し、label for、包み込むlabel、aria-label、aria-labelledbyの名前候補を確認します。

aria-labelledby、aria-describedby、aria-controls、aria-owns、aria-activedescendantは、空白区切りの各IDが文書内に存在するか確認します。

色contrast、実際のkeyboard操作、CSS適用後の状態、JavaScript実行後DOM、Screen Readerの挙動、アクセシビリティ基準への完全準拠は判定しません。点数や合否も付けません。