ARIA バリデーター
プライバシー優先設計 — すべてブラウザ内で処理します
HTML スニペットを貼り付けると、alt 不足、空のインタラクティブ要素、不正なロール、フォーカス可能要素の aria-hidden をその場で警告します。
どのような問題を検出しますか
<img> の alt 不足、aria-label のない空の <button>/<a>、href が空または "#" のアンカー、ラベル/id のない input、未知のロール値、フォーカス可能要素の aria-hidden="true" を検出します。
axe や Lighthouse の代替になりますか
なりません。あくまで早期発見用のプレフライトチェックで、安く直せる問題を炙り出すためのものです。axe、Lighthouse、スクリーンリーダーでの実機テストはやはり欠かせません。
なぜ画像の role="presentation" を許容するのですか
role="presentation"(と role="none")は暗黙のセマンティクスを取り除き、画像を装飾として扱うことを示します。これか alt="" であれば、支援技術はその画像をスキップします。
よくある質問
- どのような問題を検出しますか?
- <img> の alt 不足、aria-label のない空の <button>/<a>、href が空または "#" のアンカー、ラベル/id のない input、未知のロール値、フォーカス可能要素の aria-hidden="true" を検出します。
- axe や Lighthouse の代替になりますか?
- なりません。あくまで早期発見用のプレフライトチェックで、安く直せる問題を炙り出すためのものです。axe、Lighthouse、スクリーンリーダーでの実機テストはやはり欠かせません。
- なぜ画像の role="presentation" を許容するのですか?
- role="presentation"(と role="none")は暗黙のセマンティクスを取り除き、画像を装飾として扱うことを示します。これか alt="" であれば、支援技術はその画像をスキップします。
- 何かアップロードされますか?
- いいえ。検査はこのページの小さな JavaScript 関数で完結し、マークアップがブラウザの外へ出ることはありません。