Instagramでアクセシブルな投稿を作成する方法

公開: 2021-05-12

Instagramは目の見えるユーザーの間で人気があるだけではありません。 アクティブなInstagramアカウントを持つ法的に盲目の人々がたくさんいます。 実際、英国王立盲人協会によると、視覚障害者の93％はある程度の部分的な視力を持っています。

聴覚障害者も含めると（結局のところ画像は無音です）、Instagramコンテンツにアクセスしている可能性のある障害者の数はあなたが思っているよりも多いかもしれません。

そのため、投稿へのアクセス可能性は非常に重要です。たとえ、あなたへの影響がまったくない場合でも。

次のヒントとアドバイスは、プロセスを開発し、ビジュアルコンテンツを計画するのに役立ちます。これにより、フォロワー全員が、状況に関係なく、Instagramアカウントを楽しむことができます。

1.投稿するすべての画像に代替テキストを追加します

「代替テキスト」という用語には、コード、特にタグなどのメタ情報が含まれているため、これらは依然として一般的に代替タグと混同されています（同じものではありません）。 また、多くのコンテンツクリエーターはコードを他の人の仕事と見なしているため、特にソーシャルメディアでは、コンテンツの作成および配信中に代替テキストが見落とされることがよくあります。

代替テキストは、実際には画像の説明を形成するテキストを含むHTML属性の名前です。 これにより、画像の読み込みに失敗した場合にブラウザで画像の説明を表示できます。 スクリーンリーダーは、代替テキストを使用して、目の不自由なユーザーに画像の説明を読み上げます。

つまり、私たちが実際に話しているのは画像の説明であり、画像を含むコードではありません。

Instagramは、ユーザーが数年前から自分の代替テキストを書き込んで画像に追加することを許可してきましたが、誰もがその方法を知っているわけではありません。

  • 新しい投稿を作成するときは、キャプションページで、ページの一番下にある[詳細設定]に移動します。 ここにアクセシビリティ機能があります。
  • 「代替テキストを書く」を選択し、画像の説明を入力します。

記事で説明されているように、Instagramの投稿に代替テキストを追加するプロセスを示す一連のスクリーンショット。

  • 既存のInstagram投稿に画像の説明を追加するには、投稿のメニューを表示して[編集]を選択します。
  • [情報の編集]画面で、画像の右下にある[代替テキストの編集]オプションを選択します。

記事で説明されているように、既存のInstagram画像に代替テキストを追加または編集するプロセスを示す一連のスクリーンショット。

「しかし、Instagramは自動的に私の画像にアクセスできるようにしますね？」

はいといいえ。

Instagramは、画像が存在しない場合に代替テキストを自動生成します。 ただし、自動生成された代替テキストは、代替テキストを実行して時間を節約することではありません。 これは、Instagramの多くの視覚障害者が、アクセスできない画像でいっぱいのフィードに直面したときに、少なくとも一部のエクスペリエンスを保持するためのセーフティネットです。

また、代替テキストはおそらく何もないよりも優れていますが、結果は必ずしも素晴らしいものではありません。

Instagramからこの例を見てください。

ウィンザー城の外にあるフィリップ女王とフィリップ王子の2体のニット人形を描いたInstagramの投稿のスクリーンショット。

かわいい写真。

ただし、スクリーンリーダーで投稿にアクセスする場合は、自動生成された代替テキストで次の情報が提供されます。

「2021年4月18日のルイーズページによる写真。1人または複数の人々、立っている人々、屋外、ロンドン塔の画像である可能性があります。」

重要な情報とコンテキストの多くが失われます。

  1. 二人は実はニット人形です。
  2. さらに重要なことに、2つの人形は明らかに女王とフィリップ王子です。
  3. その背後にある建物はロンドン塔ではなく、フィリップ王子の葬式が行われたウィンザー城への入り口です。

InstagramのAIは、写真で重要なことをすべて見逃し、他のすべての詳細を間違えました。ただし、写真が外にあったことを除けば、ほとんど意味がありません。きっとあなたも同意するでしょう。

記録のために、上の画像の代替テキストは、「ウィンザー城の外にあるフィリップ女王とフィリップ王子の2つのニット人形を描いたInstagramの投稿のスクリーンショット」と書かれています。

2.画像​​の説明を手動で記述します

優れた画像の説明は、SEOキーワードや基本的な識別子（「犬を連れた男」）に関するものではありません。 それはあなたの目の見えないまたは部分的に目の見えるユーザーにあなたの目の見えるフォロワーと同じ経験に近いものを与えることです。

優れた画像の説明を書くには練習が必要です。そのため、コンテンツ作成プロセスの重要な部分としてそれらを含める必要があります。

  • 目の見えるユーザーが画像を見てもわからない非視覚的な情報は避けてください。 画像が映画のものである場合、それは認識できますが、商品の写真からはその商品が「お得な」かどうかを判断することはできません。
  • 読み上げたときに説明がわかりやすいように、完全な文章で書いてください。
  • 刺激的であること。 画像が視聴者に感情的な反応を生み出すことを目的としている場合は、画像の説明も必要です。
  • 125文字未満にとどまるようにしてください。
  • キーワードでいっぱいの代替テキストまたはセルフサービスのセールスコピーを詰め込んでスパムにならないでください。

「重要な詳細に焦点を当てます。 スクリーンリーダーのユーザーに画像について何を理解してもらいたいですか？ それはあなたのコンテンツの残りの部分とどのように関連していますか？ どんな情報を伝えようとしていますか？」

Alexa Heinrich、ソーシャルメディアストラテジストおよびデジタルアクセシビリティの提唱者

3.リールを含むすべてのビデオに字幕またはキャプションを追加します

キャプションを使用すると、聴覚障害者が動画にアクセスしやすくなるだけでなく、音声を上げる必要がない場合、他の多くのフォロワーが視聴する可能性が高くなります。 Biteableによると、マーケターの64％が、キャプション付きの動画のパフォーマンスが優れていると述べています。

  • より長いビデオをIGTVにアップロードする場合、かなり正確な詳細設定にアクセスすることで、自動生成されたキャプションを追加できます。
  • 短いIGTVビデオの場合は、精度を向上させ、ビデオでの表示方法を制御するために、独自のキャプションを追加することをお勧めします。 これは、他のプラットフォームに公開した場合にビデオにアクセスできることも意味します。
  • 自動生成されたキャプションは現在、リールでは使用できません。 キャプションを手動で作成し、制作プロセスの一環としてビデオに追加する必要があります。

4.絵文字を最小限に抑える

すべての絵文字にはわかりやすい名前もあります。これはスクリーンリーダーが読み取る名前です。特に肌の色が変化する絵文字を使用する場合は、かなり長くなる可能性があります。

スクリーンリーダーを使用してこの記事にアクセスする人には事前に謝罪しますが、ここに例を示します。

もう一度金曜日だという興奮を共有したいとします。 あなたは次のようなものを投稿するかもしれません：

TGIF !!

この投稿は、目の見えるフォロワーにとっては数秒の楽しみかもしれませんが、スクリーンリーダーで投稿にアクセスするユーザーは、次のように表示されるため、まったく異なるエクスペリエンスを体験できます。 大きな目でニヤリと笑う顔、チャリンというビールジョッキ、チャリンというビールジョッキ、パーティーポッパー、中程度の肌色のダンスをする男、ハンバーガー、フライドポテト、近づいてくるタクシー。」

  • 絵文字は慎重に、そして目的を持って使用してください。
  • 絵文字の肌の色は人種の包括性に最適ですが、アクセシビリティに関しては、肌の色を指定する必要がない場合は避ける方がよい場合があります。
  • スクリーンリーダーユーザーのメインテキストを中断したり遅らせたりしないように、絵文字は投稿の最後に残してください。

「人々が絵文字を使いすぎたとき、それは本当に迷惑でした。 スクリーンリーダーは、「スマイリーフェイス、スマイリーフェイス、スマイリーフェイス」と何度も言います。 現在、多くのスクリーンリーダーがこれを変更しているため、「20のスマイリーフェイス」と表示されますが、それほど悪くはありません。 投稿の最後に絵文字を使用することをお勧めします。」

Alex Man – Royal Blind SocietyforChildrenの支援技術責任者

5.ハッシュタグに注意してください

ハッシュタグは、コンテンツを適切な人が簡単に見つけられるようにするために不可欠です。 ただし、スクリーンリーダーを使用している目の不自由なユーザーにとっては混乱を招く可能性があります。

  • スクリーンリーダーが単語を正しく分離して発音できるように、常にキャメルケースを使用します。ハッシュタグ内の各単語の先頭に大文字を使用します（#SocialMediaのように）。
  • 投稿のメインテキストにハッシュタグをドロップすると、文字を節約して繰り返しを減らすことができますが、スクリーンリーダーでは、文がばらばらに聞こえて混乱する可能性があります。 理想的には、ハッシュタグを投稿の最後に残します。
  • 目の見えるユーザーはハッシュタグの長いリストを簡単にスキップできますが、スクリーンリーダーのユーザーはそれほど幸運ではありません。 また、投稿に単語よりも多くのハッシュタグが含まれていると、イライラする可能性があります。 最も関連性の高い、または人気のある2つまたは3つのハッシュタグのみを各投稿に追加してください。

6.アニメーションGIFは避けてください

点滅、点滅、またはその他の目を引くアニメーションやGIFステッカーは、注目を集めるのに役立つため、多くのInstagramユーザーに人気があります。 しかし、一部の人々はそのような影響に敏感であり、発作にさえ苦しむ可能性があります。

その結果、一部のユーザーはデフォルトでアニメーションGIFの再生をブロックする可能性がありますが、視覚障害のあるユーザーは、GIFを理解するための追加情報が多くない場合、特にGIFが多くの追加コンテキストを必要とするミームである場合、エクスペリエンスに混乱する可能性があります。 。

  • あなたの投稿がまだ意味をなし、GIFを見ることができない人には完全に見えるかどうかを検討してください。
  • 独自のgifを作成するときは、5秒以内にループを停止するように設定してください。
  • 光過敏性てんかん分析ツール（PEAT）を使用して、アニメーションまたはGIFの発作リスクをテストします。
  • InstagramにGIFを投稿する場合でも、他の画像と同様に代替テキストを追加する必要があります。

コンテンツ作成プロセスにアクセシビリティを組み込む

投稿を公開する人に最後の最後に適切な画像の説明を思い付くように任せるのではなく、合意されたコピー成果物の1つとして代替テキストを含めます。

同様に、ビデオと同時にキャプションやトランスクリプトを準備します。

アクセシビリティを最初からコンテンツ作成に組み込むことにより、コンテンツを公開する前に、コンテンツを修正または妥協してアクセス可能にする必要があるリスクが少なくなります。