カテゴリー: 開発ツール
画像 alt テキスト監査ツール
すべての <img> を一覧表示し、欠落または不十分な alt テキストを検出
HTML を貼り付けると、すべての <img> タグを一覧表示し、alt 属性が欠落している画像、alt が空の画像(装飾目的の画像であれば問題ありません)、短くする価値があるほど長い alt テキストを検出します。すべてブラウザ内で完結します。
| ソース | alt テキスト |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (問題なし) |
/icon-search.svg | (空です(装飾目的なら問題ありません)) |
/banner.png | (alt 属性がありません) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (短くすることを検討してください) |
このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。
このツールでできること
alt テキストはスクリーンリーダーや検索エンジンが画像を理解するための手段ですが、大きなページでは欠落した属性や長すぎる説明文が見落とされがちです。このツールは貼り付けられた HTML 内で見つかったすべての <img> タグをその alt テキストとともに一覧表示し、alt 属性が全くない画像を検出し、装飾目的の画像であれば alt="" が空であっても問題ないことを示し、より明確な説明に短縮する価値があるほど長い alt テキストを指摘します。
使い方
- 入力欄にページやコンポーネントの HTML を貼り付けます。
- 画像の一覧と、それぞれの alt テキストの横に表示されるステータスを確認します。
- 欠落している alt テキストを追加し、空の alt 属性が意図的なものか確認し、長すぎるものを短縮します。
プライバシー
このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。
よくある質問
- HTML はどこかにアップロードされますか?
- いいえ。ドキュメントはブラウザタブ内のトークナイザーによってテキストとして読み取られるだけで、描画、実行、サーバーへの送信は一切行われません。
- alt="" は常に誤りですか?
- いいえ。純粋に装飾目的の画像であれば、空の alt 属性は仕様上推奨される正しい選択です。そのためこのツールでは、属性が欠落している場合のような誤りとしてではなく、注記として扱います。
- alt テキストはどれくらい長いと長すぎますか?
- 明確な上限はありませんが、非常に長い alt テキストは手動で確認する価値があるおおまかな目安です。このツールではおよそ125文字を超える alt テキストを、より短く明確な説明への見直しを検討すべきものとして検出します。