A11y チェッカー

使い方

1. HTMLスニペットを入力フィールドに貼り付けます。
2. チェッカーは alt 属性の欠落、空のボタン、ラベルなしの入力、無効な ARIA ロールなど、よくある a11y の問題をすぐにスキャンします。
3. 結果パネルで各フラグ付き問題を確認し、ルール名と問題となる要素を確認します。
4. HTMLを修正すると、リアルタイムで問題一覧が更新されます。

例

• <input type="text" placeholder="Email" /> を貼り付けると、ラベルの欠落がフラグされます。これを <label> でラップするとその問題が解消されます。
• <img src="/logo.png" /> (alt 属性なし) は違反として報告され、alt="Company logo" を追加するとすぐに解決します。