ビジネスサイト向け画像代替テキスト作成ツール
画像代替テキスト作成ツール
ビジネスサイト向け画像代替テキスト作成(CSV出力)| We.Inc
画像の内容とページ上の役割から、Webサイト用の代替テキストを作成。装飾画像、情報画像、リンク画像に対応し、長さや冗長な表現を確認して、ファイル名と代替テキストのCSVを出力します。
画像を追加し、それぞれに何が写っていて、ページ上でどんな役割を果たすかを入力します。用途に合う代替テキストを作成します。装飾画像は空のalt、リンク画像はリンク先、情報画像は簡潔で事実に基づく説明にします。画像の内容を解析したり、人物や場所を推測したりはしません。出力前に各行を確認できます。すべてブラウザー内で動作し、入力またはアップロードした内容はWe.Incや他の誰にも送信されません。
- 画像(JPG、PNG、WebP、GIF、SVG。各10 MBまで、最大20枚)をドロップするか、画像なしで行を追加します。サムネイルはブラウザー内にのみ表示されます。
- 画像を掲載するページについて説明します(例:「リーズの配管業者、浴室設置サービスページ」)。
- 各画像の用途を選びます。情報(訪問者が必要とする内容を示す)、機能(リンクやボタン)、装飾(なくても訪問者が困らない画像)から選択します。
- 画像に写っているものを短く説明します。必要なら、商品名や作業場所など、あなたしか分からない情報を加えます。
- 提案を確認します。「画像」などの冗長語、125文字を超えるテキスト、重複したalt、ファイル名をそのまま使ったaltがあると警告します。
- 各行の「確認済み」にチェックし、HTMLをコピーするか、ファイル名、用途、代替テキストを含むCSVをダウンロードします。
- 画像のすべてを列挙するのではなく、画像が伝える内容を書きましょう。「タイルの色の一覧」より「シャワー室のタイル張り替え前と後」のほうが適切です。
- 「画像」や「写真」で書き始めないでください。スクリーンリーダーは画像であることをすでに伝えます。
- 画像がリンクの場合、リンク先を説明します。「浴室の写真」ではなく「浴室の施工事例」とします。
- 装飾画像にはalt=""(空)を設定します。alt属性を省略してはいけません。
- 写真から確認できない人物名、場所、成果を追加しないでください。
よくある質問
このツールは画像を自動で説明しますか?
いいえ。画像を解析しません。人物、場所、商品を自動で誤認することがあり、誤った代替テキストはないより悪い場合があります。画像に何が写っているかを入力すると、用途に合う代替テキストに整え、内容を確認します。
代替テキストを空にするのはどんなときですか?
背景の模様、区切り線、隣の文章ですでに説明されている写真など、装飾目的の画像です。スクリーンリーダーが読み飛ばせるようalt=""を設定します。
代替テキストの長さは?
役割を果たせる範囲でできるだけ短くし、通常は125文字未満にします。グラフのデータなど詳しい説明はページ本文に記載しましょう。
代替テキストはSEOに役立ちますか?
検索エンジンが画像を理解する助けになり、画像検索に表示される可能性も高まります。主な目的はアクセシビリティです。人に役立つ内容を書けば、検索上の効果も期待できます。
画像はアップロードされますか?
いいえ。サムネイル表示のためにブラウザーで読み込まれますが、端末の外に送信されることはありません。
画像の用途に合わせて代替テキストを決める
- 同じ写真でも掲載場所によって代替テキストは変わります。ホームページのメイン画像なら装飾的かもしれません。ポートフォリオページで完成事例を示す唯一の画像なら情報画像です。キッチンページへのリンクに使うなら機能画像となり、リンク先を説明します。
- そのため、このツールは提案の前にページと用途を尋ねます。W3C Web Accessibility Initiativeのalt決定ツリーも同じ問いを使っています。
無料で始める · クレジットカード不要
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る