技術FAQ

代替テキストの翻訳は、ウェブサイトのアクセシビリティ向上に不可欠な要素です。コンテンツ画像だけでなく、可視ラベルのないUI要素なども翻訳の対象になります。代替テキストを忘れないようにしましょう。
翻訳作業を進める際には、代替テキストの存在とその重要性を常に意識し、高いアクセシビリティを持ったウェブサイトを目指してください。

意味のある画像には内容を伝える「代替テキスト」を設定するように、音声や映像、または音声・映像の両方を含むコンテンツに対して、音声を聞くことができない、または映像を見ることができない状況でも、内容がわかる代替が必要です。
音声情報に対しては「キャプション（字幕）」、映像情報に対しては「トランスクリプト」や「音声解説」が代替コンテンツとなります。
また、動画では、上記のような代替コンテンツの他に、短いテキストでコンテンツを識別するための「ラベル」も準備しましょう。

動画の音声情報には、字幕（キャプション）が必要です。音声情報とは、音声によって伝える情報のことを指します。BGMも音声情報となるため字幕が必要です。
聴覚障害があるユーザーや、音声を利用できない、音声が聞き取りにくい環境のユーザーも、音声で表現された内容を理解できるように字幕を提供しましょう。

ウェブアクセシビリティに配慮することは、画像を使わないことではなく、画像（視覚情報）だけに頼った表現にしないことが重要です。さまざまな状況にあるユーザーが利用しやすいデザインを検討していってください。

文字を含む画像に「代替テキストを設定」しただけでは、アクセシビリティの問題が解消できたとは限りません。画像に含まれる文字のコントラストを確保する必要もあります。
画像に対する代替テキストは、視覚的に画像情報を獲得できない状況や状態に対して、テキストで画像情報を提供します。一方で、画像内の文字のコントラストを確保することは、主に見える状況や状態に対して、「画像をより見やすくする」対応です。
どちらも画像の情報をより多くの人に伝えるための対応ですが、それぞれ異なる状況・状態に対する改善方法のため、画像が文字を含む場合、代替テキストの設定に加え、文字のコントラストを確保する必要があります。

アイコンの画像が表示されないとユーザーに機能を伝えることができない場合は、代替テキストを用意しましょう。

検索エンジンのクローラーが画像に関する情報を得ることができるようになります。適切なキーワードを使用し、またページのコンテンツの内容に沿った役に立つ内容にすることによって、SEO上の評価が上がる可能性があります。

画像の代わりとなる代替テキストを適切に設定することで、ウェブサイトのパフォーマンスには、次のような影響があります。

キャプションで提供する情報は、動画内の音声情報です。原則として、発話内容だけでなく、音で伝える情報の全てが対象となります。背景音や効果音といった発話以外の音が、動画の内容を理解するのに必要な情報を伝えている場合は、音に関する情報もキャプションに含めます。「この動画で一番伝えたい情報は何か？」を判断基準として、内容を検討してください。

また、キャプション作成時には、繰り返し出てくる表現の表記を統一するなど、キャプションの書き方ルールについても検討すると、より伝わりやすいものとなります。CM動画のキャプションはテレビ放送の字幕をYouTube用に編集しているため、テレビ放送の字幕ルールに則った内容になっています。