画像に代替テキストを追加する方法

audience.png  対象: 教師

代替テキスト(Altテキスト)は、視覚障害や弱視のユーザーがSeesaw上の画像やマルチメディアコンテンツにアクセスしやすくするための便利な機能です。Seesawは学生の投稿に対して基本的な代替テキストを自動的に作成しますが、キャプションツールを使ったり、Creative Canvas内の各オブジェクトに特定の代替テキストを追加したりして、より充実させることができます。これらのツールはスクリーンリーダーがコンテンツの正確な説明を提供するのに役立ち、学生や家族のアクセシビリティと包括性を促進します。

代替テキストとは?

代替テキスト(Altテキスト)は、ページ上の画像の見た目や機能を説明するために使われます。画像に代替テキストを追加することはウェブアクセシビリティの重要な原則であり、弱視や視覚障害のあるユーザーをサポートします。スクリーンリーダーなどの支援技術は代替テキストを読み上げることで、ユーザーがページ上のコンテンツを認識し理解できるようにします。 

なぜ代替テキストを追加するのか?

Seesawにマルチメディアコンテンツを追加すると、Seesawはコンテンツに対して一般的な代替テキストを生成します。例えば、学生のアクティビティへの回答の場合、代替テキストは投稿内容の概要を説明します:「エミリーの投稿、ライターズワークショップへの回答、3ページ、音声を含む」。

コンテンツの代替テキストをさらにカスタマイズして、詳細や文脈を追加したい場合、Seesawには以下の追加ツールがあります:

  1. キャプションツールを使って投稿内容のより長い説明を提供する。
  2. 学生向けのアクティビティテンプレート内のコンテンツにオブジェクトごとの代替テキストを追加する。

キャプションツールを使って代替テキストを追加する

Creative Canvas with Caption tool open, options to record voice or upload audio for caption.

弱視の学生やスクリーンリーダーを使用する家族のために、画像を含む投稿、学生の回答、アナウンスメントに説明的なキャプションを追加するためにキャプションツールの使用を推奨します。これにより、よりアクセシブルになります。 

家族のメンバーにとっては、家族のデバイスが異なる言語に設定されている場合、キャプションは自動的に翻訳されることもあります。 翻訳について詳しくはこちら。     

キャプションを追加するには、Creative Canvasの左下にある引用ボタンを選択し、投稿ページに関連付ける説明を追加します。投稿が表示されると、このキャプションはSeesawアプリとウェブサイトでスクリーンリーダーを使用する学生や家族に読み上げられます。

Creative Canvasでオブジェクトごとの代替テキストを使う

アクティビティテンプレートの画像、図形、動画に代替テキストを追加することは、レッスンやお知らせをよりアクセシブルにする方法の一つです。

Seesawのウェブ版では、スクリーンリーダーを使用している生徒がアクティビティのクリエイティブキャンバス上の要素間をタブで移動できます。代替テキストが追加されている場合、スクリーンリーダーがそれを読み上げます。Seesawがスクリーンリーダーとどのように連携するかについて詳しくはこちらをご覧ください。

  1. 代替テキストを追加するには、アクティビティのアクティビティテンプレートを開きます。
  2. 写真、動画、音声、図形、ラベルなどのオブジェクトマルチメディア要素をキャンバスに追加します。
  3. オブジェクトを選択し、三点リーダーの [...]ボタンをタップします。
  4. アクセシビリティメニューオプションを選択します。
  5. 代替テキストを入力します。ラベルの場合、既に入力されているテキストがデフォルトで代替テキストになりますが、必要に応じて変更できます。
  6. 装飾目的のみのオブジェクトをキャンバスに追加した場合は、チェックボックスのチェックを外してそのオブジェクトのアクセシビリティを無効にできます。これにより、タブキーやスクリーンリーダーでの検出がされなくなります。

この機能は現在、Seesawのウェブ版でのみ利用可能です。

 

 

他にご質問がございましたら、リクエストを送信してください