画像の説明を追加する方法

画像の説明は代替テキストとも呼ばれ、Twitterが障がい者の方々にとって使いやすくなる機能の1つです。

画像に映っている内容の説明は、目の不自由な方や弱視の方、ユーザー補助テクノロジーをご利用の方、低帯域幅の地域にお住まいの方、さらなる背景情報を求めている方の一助となります。説明がなければ、読者は画像に何が映っているのか、なぜそれが重要なのかがわかりません。こうした情報の欠落は、あなたのツイートへの反応の妨げとなります。

画像の説明は4つのステップで追加できます。

画像の説明の追加

 

1. 画像をツイートにアップロードしたら、画像の [+ALT] ボタンを選択します。(「ALT」は代替テキストの略称で、画像の説明を指す専門用語です。)

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。画像の説明を追加するためのボタンは画像の下にあります。

 

2. テキストボックスに画像の説明を入力します。この画像の説明は、「丸みのある小さな取っ手が付いた小ぶりの白いマグカップに入った、深みのある茶色のエスプレッソのショット。その表面には薄い茶色のクレマが浮かんでいます。茶色の木製テーブルの上で、マグカップは小さな白いソーサーに置かれています。」です。テキストボックスの隅には文字数が表示されます。これで入力可能な1,000文字のうち115文字が入力されています。

エスプレッソ入りマグカップのアップロード画像と画像の説明が入力されたテキストボックスとが表示されている画像の説明画面のスクリーンショット。見出しは「代替テキストを入力」です。

 

3. [完了] を選択します。ALTバッジが画像の隅に表示されます。説明が追加されているので、バッジに「+」記号は表示されません。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。ALTバッジは画像の下部にあります。

 

4. [ツイートする] を選択します。投稿されたツイートの画像にALTバッジが表示されます。ALTバッジが選択されると、画像の説明が画面に下から表示されます。

画像にALTバッジが表示された投稿ツイートのスクリーンショット。
画像の説明が表示された投稿ツイートのスクリーンショット。見出しは [画像の説明] で、説明の下に [非表示にする] ボタンがあります。

 

1. 画像をツイートにアップロードしたら、画像の [+ALT] ボタンを選択します。(「ALT」は代替テキストの略称で、画像の説明を指す専門用語です。)

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。画像の説明を追加するためのボタンは画像の下にあります。

 

2. テキストボックスに画像の説明を入力します。この画像の説明は、「丸みのある小さな取っ手が付いた小ぶりの白いマグカップに入った、深みのある茶色のエスプレッソのショット。その表面には薄い茶色のクレマが浮かんでいます。茶色の木製テーブルの上で、マグカップは小さな白いソーサーに置かれています。」です。画面の隅には文字数が表示されます。これで入力可能な1,000文字のうち115文字が入力されています。

エスプレッソ入りマグカップのアップロード画像と画像の説明が入力されたテキストボックスとが表示されている画像の説明画面のスクリーンショット。見出しは「代替テキストを入力」です。

 

3. [完了] を選択します。ALTバッジが画像の隅に表示されます。説明が追加されているので、バッジに「+」記号は表示されません。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。ALTバッジは画像の下部にあります。

 

4. [ツイートする] を選択します。ALTバッジが選択されると、画像の説明が表示されます。

画像にALTバッジが表示された投稿ツイートのスクリーンショット。
画像の説明が表示された投稿ツイートのスクリーンショット。見出しは「画像の説明」で、説明の下に [非表示にする] ボタンがあります。

 

1.画像をツイートにアップロードしたら、画像の下の [説明を追加] ボタンを選択します。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。

 

2.テキストボックスに画像の説明を入力します。この画像の説明は、「丸みのある小さな取っ手が付いた小ぶりの白いマグカップに入った、深みのある茶色のエスプレッソのショット。その表面には薄い茶色のクレマが浮かんでいます。やさしい茶色の木製テーブルの上で、マグカップは小さな白いソーサーに置かれています。」です。テキストボックスの隅には文字数が表示されます。これで入力可能な1,000文字のうち115文字が入力されています。

エスプレッソ入りマグカップのアップロード画像と画像の説明が入力されたテキストボックスとが表示されている [画像の説明] ダイアログボックスのスクリーンショット。このダイアログボックスは [ALT] タブに設定されています。[画像の編集] タブはグレー表示されています。

 

3. [保存] を選択します。ALTバッジが画像の隅に表示されます。(「ALT」は代替テキストの略称で、画像の説明を指す専門用語です。)

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像に添えられています。省略表示された画像の説明は画像の下に表示されます。

 

4. [ツイートする] を選択します。ALTバッジが選択されると、画像の説明が表示されます。

[画像の説明] ダイアログボックスが画像上、ALTバッジの上に表示された投稿ツイートのスクリーンショット。見出しは [画像の説明] で、説明の下に [非表示にする] ボタンがあります。
複数の画像の追加

 

Twitter for iOSでツイートに複数の画像を追加した場合、画像は横方向のスクロールで表示されます。各画像でALTバッジを選択し、画像の説明を追加します。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像が2つあり、片方には白いマグカップにオレンジと青の花があしらわれており、どちらもソーサーに載っています。画像の説明を追加するためのボタンは画像の下にあります。

 

画像の説明を追加すると、説明のある画像にALTバッジが表示されます。このツイートを見たユーザーは、各画像でALTバッジを選択して画像の説明を読むことができます。

 

Twitter for Androidでツイートに複数の画像を追加した場合、画像は横スクロールで表示されます。各画像でALTバッジを選択し、画像の説明を追加します。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像が2つあり、片方には白いマグカップにオレンジと青の花があしらわれており、どちらもソーサーに載っています。画像の説明を追加するためのボタンは画像の下にあります。

 

画像の説明を追加すると、説明のある画像にALTバッジが表示されます。このツイートを見たユーザーは、各画像でALTバッジを選択して画像の説明を読むことができます。

 

ツイートに複数の画像を追加する場合、ダイアログボックスの上部に矢印が表示され、画像に移動して説明を追加できます。

ソーサーに載ったエスプレッソ入りマグカップのアップロード画像と画像の説明が入力されたテキストボックスが表示されている [画像の説明] ダイアログボックスのスクリーンショット。このダイアログボックスは [ALT] タブに設定されています。[次へ] と [戻る] に相当する矢印は [保存] ボタンの横に表示されます。

 

[保存] を選択します。画像の説明を追加すると、説明のある画像にALTバッジが表示されます。いくつの画像に説明が追加されているかは、画像の下に表示される「2件の画像の説明」という注記からもわかります。

「朝にはエスプレッソが欠かせません。」というテキスト入りの下書きツイートのスクリーンショット。エスプレッソ入りマグカップのアップロード画像が2つあり、片方には白いマグカップにオレンジと青の花があしらわれており、どちらもソーサーに載っています。ALTバッジは各画像に表示されます。

この記事を共有する