だいたいテキスト
代替テキストとは？
別名：altテキスト
画像の内容を言葉で伝える説明文。
代替テキストの意味
画像を見られない場合や、読み上げ機能を使う人に内容を伝えます。
どんな場面で使う？
Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
身近な例
猫の写真に「窓辺で眠る白い猫」と説明を付けます。
何を押さえればいい？
役割
画像の内容を言葉で伝える説明文。
理解の深さ
基本の意味に加えて、関連する用語との役割の違いまで押さえると理解が深まります。
確認の視点
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
似た言葉・関連する言葉との違い
「代替テキスト」は画像の内容を言葉で伝える説明文ものです。一方、「アクセシビリティ」はさまざまな人が使いやすくする考え方ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。
使うとき・学ぶときの注意
きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。
代替テキストについてのQ&A
Q代替テキストをひと言でいうと？
A画像の内容を言葉で伝える説明文。
Q代替テキストはどの言葉と一緒に覚えるとよい？
A「アクセシビリティ」、「HTML」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。
AIに相談してみる
このままコピーして使える指示文
［ ］の部分を自分の状況に合わせて書き換えてください。
あなたはWebアクセシビリティの専門家です。以下の情報をもとに、画像ごとの適切な代替テキストのたたき台を作ってください。画像の目的と周辺文脈を踏まえ、装飾画像は空欄にする判断も含めることを満たし、未確定事項は決めつけず［要確認］と示してください。最後に、人が確認すべき重要ポイントを一覧にしてください。 前提・対象情報： ［ここに貼り付け］
秘密情報は入力しないでください
ほかの言葉も調べてみませんか？
用語一覧へ戻る