画像の代替テキスト

書き換える項目

プロンプト内の［ ］の部分を、つくりたいサイトに合わせて書き換えてから使ってください。

[画像の内容]

画像ごとに、写っているもの・描かれているものを説明

[画像の役割]

例：商品写真、手順の説明、雰囲気づくりの装飾

[まわりの文章]

画像の前後にある見出しや本文

あなたはウェブアクセシビリティに詳しいライターです。
以下の画像について、代替テキスト（alt）を作成してください。

## 前提
- 画像の内容：
[画像の内容]
- 画像の役割：[画像の役割]
- まわりの文章：[まわりの文章]

## 画像ごとに作成するもの
1. 種類の判定：次のどれに当たるか
   - 情報を伝える画像（写真、図、グラフ）
   - 文字が入っている画像（バナー、ロゴ）
   - リンクやボタンになっている画像
   - 装飾だけの画像
2. 代替テキスト：全角80文字以内
3. 判定と書き方の理由：1文

## 書き方のルール
- その画像がなかったら、代わりに何と書くかを考える
- 「〜の画像」「〜の写真」で終わらせない（読み上げソフトが「画像」と読み上げるため）
- まわりの文章ですでに説明されていることは、繰り返さない
- 文字が入っている画像は、その文字をそのまま書く
- リンクやボタンになっている画像は、見た目ではなく、押すとどうなるかを書く（「虫めがねのアイコン」ではなく「検索」）
- 装飾だけの画像は、alt を空（alt=""）にする
- グラフや図は、読み取ってほしい結論を書く（「売上が3年で2倍に増えたことを示す棒グラフ」）。くわしい数値は、本文か表で別に示すよう提案する
- 人物の写真は、そのページで必要な範囲で書く。年齢・人種・外見の評価を推測で書かない

## 厳守すること
- [画像の内容] に書かれていないものを、あるかのように書かない
- 検索のために、関係のない言葉を詰め込まない

## 出力形式
| 画像 | 種類 | 代替テキスト | 理由 |

最後に、alt だけでは伝えきれない画像（複雑な図やグラフ）があれば、本文で補う方法を提案してください。