HTML を貼り付けて <img>、<svg>、<input type=image>、role=img 要素を WCAG 2.1 alt 規則で監査します。
HTML はブラウザ内で解析されます。画像 URL の取得は行いません。
HTML を貼り付け、H1-H6 アウトラインをツリー表示、スキップされたレベル、H1 不足、空の見出しに対して WCAG アクセシビリティ警告を取得。
HTML を貼り付けてページのランドマークツリー(banner/main/nav/aside/footer + ARIA role)と構造的 a11y 問題を表示します。
HTML フォームを貼り付けて、各 <input>、<select>、<textarea>、<button> が WCAG 3.3.2 に沿ったアクセシブルネームを持つかを検証します。
alt テキストは、画像に対する短い文字説明で、視覚障害のあるユーザーにスクリーンリーダーが読み上げる内容であり、Google が各画像が伝えるものを理解するためのフォールバックでもあります。それなのに alt は最も違反の多い WCAG 基準の 1 つです: どのページ監査でも、alt 属性の欠落、ファイル名そのままの alt(「hero-image-final-v3.jpg」)、「image」「photo」のような汎用プレースホルダー、JAWS が一気に読み上げてしまう 300 語の alt が見つかります。alt テキスト監査ツールは、貼り付けた任意の HTML(フルページ、CMS テンプレート、React / Vue コンポーネントのエクスポートなど)を解析し、Lighthouse や axe-core が指摘する WCAG 2.1 SC 1.1.1 ルールセットに対してすべての <img>、<svg>、<input type="image">、<area>、role="img" 要素をチェックします。完全にブラウザ内で動作し、アップロードしないため、未公開のドラフト、社内管理画面、クライアント納品物の監査をコンテンツを漏らさず実施できます。コンポーネント開発中の早期検出、コードレビューチェックリストとしての毎プッシュ実行、公開前の CMS 編集確認などにご活用ください。
(1)alt 属性のない <img> はエラー — スクリーンリーダーがファイル名を読むか無音でスキップします。(2)<img alt=""> は装飾画像にのみ有効で、意図確認のため情報として表示します。(3)alt がファイル名や「image」「photo」「untitled」のような汎用語の場合はエラー/警告です。(4)alt が 125 文字を超えると、JAWS が休止なしで読み上げるため警告します。(5)<svg> には aria-label / aria-labelledby / <title> 子要素のいずれか、または aria-hidden="true" が必要です。(6)<input type="image"> は送信ボタンであるため alt が必須です。(7)href のある <area> はリンク先を説明する alt が必要です。(8)role="img" 要素には aria-label または aria-labelledby が必要です。