Wikipedia:画像の代替テキスト
[Wikipedia|▼Menu]
.mw-parser-output .ombox{margin:4px 0;border-collapse:collapse;border:1px solid #a2a9b1;background-color:#f8f9fa;box-sizing:border-box}.mw-parser-output .ombox.mbox-small{font-size:88%;line-height:1.25em}.mw-parser-output .ombox-speedy{border:2px solid #b32424;background-color:#fee7e6}.mw-parser-output .ombox-delete{border:2px solid #b32424}.mw-parser-output .ombox-content{border:1px solid #f28500}.mw-parser-output .ombox-style{border:1px solid #fc3}.mw-parser-output .ombox-move{border:1px solid #9932cc}.mw-parser-output .ombox-protection{border:2px solid #a2a9b1}.mw-parser-output .ombox .mbox-text{border:none;padding:0.25em 0.9em;width:100%;font-size:90%}.mw-parser-output .ombox .mbox-image{border:none;padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .ombox .mbox-imageright{border:none;padding:2px 0.9em 2px 0;text-align:center}.mw-parser-output .ombox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ombox .mbox-invalid-type{text-align:center}@media(min-width:720px){.mw-parser-output .ombox{margin:4px 10%}.mw-parser-output .ombox.mbox-small{clear:right;float:right;margin:4px 0 4px 1em;width:238px}}

この文書は解説ページです。ルールや手続きについて、一般的な事実や共有されている合意事項を解説しています。ウィキペディアの方針やガイドラインそのものではありません。.mw-parser-output .module-shortcutboxplain{float:right;border:1px solid #aaa;background:#fff;margin:0 0 0 1em;padding:0.3em 0.6em 0.2em 0.6em;text-align:center;font-size:85%;font-weight:bold}.mw-parser-output .module-shortcutlist{display:inline-block;border-bottom:1px solid #aaa;margin-bottom:0.2em;font-weight:normal}.mw-parser-output .module-shortcutanchordiv{position:relative;top:-3em}ショートカット:

WP:ALT

WP:ALTIMG

この文書の要旨: 画像に代替テキストをつけることで、画像が表示されないときも代替テキストが表示され、画像の内容や目的を果たすことができます。

代替テキスト(Alternative text)は、画像に関する文章であり、画像と同じ目的を果たし、画像のように必要な情報を伝えるものです[1]。代替テキストを適切に指定することで、画像を表示しないよう設定したブラウザやスクリーンリーダーを使う視覚障害者がウィキペディアを閲覧するときも、(画像が見えなくとも)情報が損なわれないようにすることができます[1]。代替テキストがないか、役に立たないことは視覚障害のある読者にとって閲覧のストレスとなります[2]

ウィキペディアにおいて、代替テキストは画像のキャプション画像を表示するマークアップのalt引数で指定できます。下記の例は右の画像を表示させるものです。書斎のナポレオン(英語版)、ジャック=ルイ・ダヴィッド

[[ファイル:Jacques-Louis David - The Emperor Napoleon in His Study at the Tuileries - Google Art Project 2.jpg |thumb|upright=0.75|alt=書斎のナポレオンという絵画|''{{仮リンク|書斎のナポレオン|en|The Emperor Napoleon in His Study at the Tuileries}}''、[[ジャック=ルイ・ダヴィッド]]作]]

alt引数の文字列(書斎のナポレオンという絵画)は普通は表示されませんが、画像が表示されないブラウザでは画像の代わりにその文字列が表示され、スクリーンリーダーはその文字列を読み上げ、また検索エンジンがその文字列を使って画像の内容を判断することもあります[3]

画像の解説ページへのリンクが張られている画像(デフォルトでそうなっています)では、alt引数は必ず指定すべきで空白にすべきではありません。なぜなら、スクリーンリーダーはリンクの目的を説明するために代替テキストを読み上げ、それがないときは画像のファイル名を読み上げるからです[4]。これはほとんどの場合、役に立ちません。例えば、上記のナポレオンの例では、スクリーンリーダーが「リンク 画像 Jacques ハイフン Louis アンダースコア David...」などと読み上げてしまいます[5]

装飾用の画像(情報がなく、審美的な目的でのみ配置される)には代替テキストを必要ではありません。このような画像に対しては、代替テキストがなくともキャプションだけで十分ですが、alt引数に空白を指定すべき場合は画像にリンクが貼られていない場合だけであり、リンクを貼らないことには厳しい要件があります(後述)。そのため、このような場合は短いながらも少しは役に立つ代替テキスト(|alt=写真、|alt=絵画、|alt=彫刻など)を指定してください。なお、キャプションが画像の内容を記述していない場合は代替テキストで手短に述べることもできます。
代替テキストを必要とする方

代替テキストを必要とする方は下記があります。

スクリーンリーダーを使ってテキストを音声や点字に変換している視覚障害者。スクリーンリーダーの例としてJAWSNVDAOrcaなどがあります[3]

Lynxなどのテキストブラウザを利用する読者や画像を表示しない設定にした読者(一例としてはWikipedia Zeroがあります)[3]

検索エンジンのボット[3]

ウィキペディアをスクリーンリーダーで読むには慣れが必要で、経験の積んだユーザーはテキストを一部聞いただけで「この文の続きは聞かなくでもいいので飛ばそう」といった判断ができるようになります。スクリーンリーダーに慣れる代わりに、ページの内容をスクリーンリーダーが読み上げる語句に置換するMozilla FirefoxのFangsアドオンをインストールして体験することもできます。
代替テキストの書き方
基本

代替テキストは「バスケットボールの選手」や「トニー・ブレアジョージ・W・ブッシュと握手」のように短く書くべきです。これより長く書かなければならない場合は最も大事な内容をはじめの数語で書くべきです。そうすることで、スクリーンリーダーの利用者はポイントとなる内容がわかった途端、代替テキストの残りを飛ばして次へ移ることができます。とても長い解説は代替テキストではなく、本文で書いてください[1]。なお、MediaWikiではHTMLのlongdesc属性(英語版)が使えません。また、すべての読者は要素が画像であることがわかっているので、「?の画像」のくだりを代替テキストにつける必要はありません。

代替テキストはプレーンテキストで(HTMLやウィキリンクなどのマークアップを使わないでください)、1行で書いてください。内容は中立的な観点検証可能性独自研究は載せない存命人物の伝記などの方針に従わなければならず、また個別参照法が使えないため画像から明らかでないことは記載すべきではありません。スクリーンリーダーは代替テキストの後にキャプションを読み上げるので、両方とも同じ内容を書くのはできるだけ避けてください。
文脈の重要性ファッションに関する記事でなければ、この画像(エリザベス2世の写真)の代替テキストは「黒い帽子をかぶっている年配の女性」とすべきではありません。

画像の文脈は大事です。World Wide Web Consortium(W3C)が発表したWeb Content Accessibility Guidelines(WCAG)2.0では編集者に対し、下記の設問を考慮するよう推奨しています[6]

この非テキストコンテンツはなぜそこにあるのか?

どんな情報を提供しているか?

その非テキストコンテンツの目的は?

その非テキストコンテンツが使えない場合、どんな文字列を用いて同じ情報を伝達するか?

例えば、ナポレオン・ボナパルトの画像は下記の場合に使われます。(もちろん、これ以外の状況もあります)

偉大な将軍に関する記事において、その一例を記している場合。代替テキストにはナポレオンの名前を書くべきです。

ナポレオンの記事において、彼の顔を示す場合。代替テキストでは必要があればナポレオンの顔について記述するのも手です。

ナポレオンの肖像画の記事(英語版)の場合、代替テキストはその肖像画について書くべきです。

文字を含む画像

画像内に読者が理解するのに大事な文字が含まれている場合、代替テキストもその文字を含むべきです[1]日本語ラテンアルファベットに無い文字は、カタカナ表記するか翻字してください。ユニコードをサポートしていないスクリーンリーダーは、これらの文字を読みあげられないことがあります。
キャプションと近くの文|alt=キャプションを参照

3種類の歯ブラシの比較

(記事キャプションの説明だけで十分の場合)

記事における画像はサムネイルとキャプションで構成されます。キャプションは全ての読者が見られ、HTMLマークアップ、ウィキリンクや脚注を含むこともあります。


次ページ
記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:32 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef