ソーシャル メディアでアクセシブルなコンテンツを作成する

ソーシャル メディアで書かれたコンテンツと一緒にビジュアルを追加すると、ブランド メッセージを高め、ブランド ストーリーテリングを支援し、エンゲージメントを高めることができます。

世界保健機関によると、世界人口の約 15%、約 10 億人がなんらかの障害を持っています。 さらに、15 歳以上の最大 1 億 9,000 万人が生活に大きな支障をきたしており、アクセシビリティの向上が必要になっています。 視覚障害や聴覚障害などの障害のある人は、障害のない人がしばしば考慮しないコンテンツを消費するために、特定のツールを必要とする場合があります。 企業や企業は、ソーシャル メディア プラットフォームのアクセシビリティを制御することはできませんが、作成するコンテンツを制御して、すべての人にとってより包括的でアクセスしやすいものにすることはできます。

Web コンテンツ アクセシビリティ ガイドライン (WCAG) とそのガイドラインは既にご存知かもしれませんが、これはソーシャル メディアに投稿されたコンテンツにどのように反映されるのでしょうか? 以下に、ソーシャル メディアでよりアクセスしやすいデジタル コンテンツを作成し、結果としてより多くの視聴者にリーチできるようにする方法をいくつか概説します。

ビデオのキャプションとオーディオの説明

ビデオのキャプションは、ソーシャル メディアでは標準になっています。 YouTube や TikTok などのプラットフォームでは、自動生成されたキャプションがよく見られます。これは、アクセシビリティの向上を促進するのに役立ちます. ただし、ビデオにキャプションを使用していないマーケティング担当者はまだ多く、キャプションを使用しているマーケティング担当者でさえ、キャプションの正確さを考慮していない可能性があります。

キャプションには次の 2 種類があります。

• オープン キャプション– 動画に埋め込まれているキャプションで、クリエイター自身が追加します
• クローズド キャプション– ビデオと一緒にアップロードされたキャプションで、通常は 2 つの別々のファイルです。 キャプション ファイル (多くの場合 .srt ファイル) には、キャプションを表示するビデオの時間が表示され、ユーザーはキャプションをオンまたはオフにすることを選択できます。

どれが一番いいですか？ それは、ブランドと利用可能なリソースに帰着します。 オープン キャプションが優れているのは、キャプションが既にビデオに表示されているため、ユーザーがキャプションをオンにすることを心配する必要がなく、キャプションが正しくない (自動生成された場合と比較して) リスクが少ないためです。 一方、クローズド キャプションは、多くの場合、拡大して翻訳できるため、より多くの人にリーチするための一般的な選択肢となっています。

聴覚障害のある人はビデオのキャプションに頼ることがよくありますが、それだけではありません。 Verizon Media と Publicis Media の調査によると、50% の人が音声なしで動画を見るのでキャプションが重要だと答えています。 一方、69% の人は公共の場で音声なしで動画を視聴し、80% の人はキャプションがあれば動画を最後まで視聴したいと考えています。 一方、Facebook の動画の 85% と LinkedIn の動画の 80% は、音声をオフにして視聴されています。

多くのユーザーが音声なしで動画を視聴していることは明らかであり、メッセージを伝えるためにキャプションが重要になっています。 また、キャプションは、ユーザーからの動画コンテンツの大部分を占める Instagram のストーリーやリールなど、簡単に追加できるようになりました。 比較的最近、彼らは、ユーザーが自分の発言を転記するビデオに追加できる「キャプション」ステッカーを提供しました。 Instagram に動画ストーリーを頻繁に投稿するブランドの場合、キャプションを追加することは、音声なしで視聴する人やキャプションが必要な人にとって有益です。

ビデオを投稿する前に必ずキャプションを確認/調整して正確性を確保するか、ソーシャル プラットフォームの自動生成されたキャプションに依存するのではなく、Subly などのサードパーティ サービスを使用してキャプションを生成することを忘れないでください。

音声による説明は、ソーシャル メディアで動画をよりアクセスしやすくする場合にも重要です。 視覚障害のある人にとって、音声による説明はまさにあなたが考えているものであり、音声について説明しています。 ビデオが再生されているとき、会話だけに頼るのではなく、シーンで何が起こっているのかを理解する機会が得られます。 ここで音声解説の例を見つけることができます。

現在、人気のソーシャル メディア アカウントに投稿された動画では、音声解説を簡単にオンまたはオフにすることはできません。 そのため、2 つの動画 (1 つはオーディオ説明なし、もう 1 つはオーディオ説明あり) をアップロードすることを検討してください。 この追加の手順は、特にコマーシャルなど、ブランドのメッセージにとって非常に重要なビデオ コンテンツに対して、よりアクセスしやすくすることができます。

関連している

画像SEOを改善する4つの方法

画像代替テキスト

代替テキストは、画像の内容とその背後にあるコンテキストを説明するコピーを画像に追加したものです。 視覚障害のあるユーザーの場合、代替テキストを使用すると、スクリーン リーダーが画像に合成音声を生成できます。 代替テキストは、Web サイトで画像が正しく読み込まれない場合にも役立ちます。 検索エンジン最適化 (SEO) に関しては、代替テキストは、検索エンジンがコンテキストをクロールするときに、画像の背後にあるより多くのコンテキストを提供するのにも役立ちます。これは、画像をインデックス化するときに役立ちます。

代替テキストを追加するときは、スクリーン リーダーが最大 125 文字まで読み取ることが多いため、できる限り簡潔にするようにしてください。 その際、画像にコンテキストを提供する特定の単語を使用することも重要です。 「机に座っている女性…」と言うよりも、「オフィスの机に座っている女性従業員…」と付け加えることができます。 あなたはできる限り説明的になりたいと思っています。 また、alt の説明の最初に「image of」を使用しないようにしてください。 スクリーン リーダーは、それが画像であることを既に認識しているため、すぐに説明に取り掛かります。

代替テキストは、Instagram、Facebook、Twitter、LinkedIn などの人気のあるソーシャル プラットフォームで利用できます。 Facebook と Instagram では、通常、このオプションは写真がアップロードされる前に Creator Studio に表示されるか、投稿後に写真の設定で表示されます。 Twitter では、画像の下に説明を追加するオプションがあり、LinkedIn では画像の上部に「代替テキストを追加」があります。

すべての画像に代替テキストが必要なわけではないことに注意してください。純粋に装飾的なものである場合は、通常、そのことを示すチェック ボックスが表示されます。 また、代替テキスト ボックスに画像のタイトルやキャプションを追加しないようにしてください。これは、スクリーン リーダーが画像を説明する必要がある障害を持つユーザーにとって役に立たないためです。

スクリーン リーダーといえば、あなたはソーシャル メディアのコピーに絵文字を追加する人ですか? この一般的な方法は、テキストの横に活気を加えることができますが、テキストを配置する場所が重要です。 絵文字にはすでに代替テキストが埋め込まれているため、スクリーン リーダーはそれが何であるかを個人に伝えることができますが、絵文字が文の途中に置かれたり、単語の代わりに使用されたり、箇条書きとして使用されたりすると、特にスクリーン リーダーが絵文字やテキストを処理しようとする場合は特にそうです。 代わりに、文章の最後またはキャプションの最後に絵文字を追加します。

絵文字の意味やテキストへの変換方法を知りたいと思ったことがある場合は、この絵文字ペディアをチェックしてください。

ハッシュタグを大文字にする

キャメルケースと呼ばれるハッシュタグの各単語の最初の文字に大文字を追加すると (キャメルケースと呼ばれるのは、大文字がラクダのこぶのように見えるためです)、ユーザーはハッシュタグをよりよく理解し、アクセスしやすくなります – #ratherthanthis it #LooksLikeThis

投稿にハッシュタグを追加することは、より多くの人にリーチするための優れた方法ですが、小文字の海がある場合は役に立ちません. 同様に、スクリーン リーダーは、ハッシュタグがすべて小文字の場合、1 つの単語として解釈します。これは、コンテンツを消費している個人に何の支援も提供しません。 代わりに、CamelCase を使用したハッシュタグを使用すると、スクリーン リーダーがハッシュタグの内容を理解できるようになり、読み取り支援が必要なユーザーを支援できます。

使用するハッシュタグの数を覚えておくことが重要です。 スクリーン リーダーを使用している場合は、追加した各ハッシュタグが取り込まれ、個人に読み上げられます。 つまり、20 ～ 30 個のハッシュタグを使用する場合、その個人はそれぞれに耳を傾ける必要があります。 解決策として、投稿の最初のコメントにハッシュタグを追加できます。これにより、キャプションを分離し、スクリーン リーダーがメッセージの重要なポイントのみを伝えるのに役立ちます。

色のコントラストと動くグラフィック

人目を引くデザインは、ソーシャル メディアでブランドに驚異的な効果をもたらしますが、ビジュアルをどのように表示するかは不可欠です。 経験則として、背景と画像上のテキストの間には常に十分な色のコントラストが必要です。 テキストの色が明るい場合は、背景を暗くする必要があります (逆も同様です)。 色のコントラストを確認する最良の方法は、Web AIM の Contrast Checker などのオンライン ツールを使用することです。

コピー付きの画像には、少なくとも 4.5:1 の色のコントラスト比が必要ですが、18pt 以上のテキストや、アイコン、ボタン、チャート/グラフのコンポーネントなど、意味を伝える要素には 3:1 の比率が必要です。

ストロボや明るい要素を含むグラフィックは、発作を起こしやすい人にとっては見にくく、危険です。 1 秒間に 3 回以上点滅し、画像上で多くのスペースを占有し、点滅間の色のコントラスト (明るい部分と暗い部分) がはっきりしている点滅するグラフィックまたは要素は、危険な場合があります。 Epilepsy Foundation によると、光に敏感な人は 1 秒間に 3 回を超えるフラッシュを表示するべきではなく、フラッシュ要素がグラフィックの全領域の 25% を超えないようにする必要があります。 また、人間は飽和した赤の点滅に敏感であるため、「飽和した深い赤」の色がてんかん患者により大きな影響を与えることも発見しました。 レッド フラッシュのしきい値の詳細については、こちらをご覧ください。

世界中で少なくとも 22 億人が視覚障害を持っているため、彼らのニーズをより満たすビジュアル コンテンツを作成すると同時に、コンテンツを視覚的により簡単に消費できるようにすることは、双方にとってメリットがあります。 たとえば、色覚異常は一般的な状態であり、ソーシャル メディアでグラフィックをデザインする際に考慮する必要があります。 この状態の人によりよく対応するには、色を意味として使用しないことが最善です. つまり、たとえば、投稿のエラーを示すために赤だけを使用しないでください。 代わりに、イメージ内にテキストを (色と共に) 含めて、必要な意味を表現してください。

フォントを選択する際に考慮すべきその他の簡単なヒントを次に示します。

• 忙しい背景の上にテキストを使用しないでください
• テキストを目立たせるには、テキストの後ろにハイライトとして対照的な色を追加します
• 読みにくい小さいフォントは避けてください (12 pt. が最小である必要があります)。

前進する

ソーシャル メディアでデザインのアクセシビリティを高めるのに遅すぎることはありません。 アクセシブルなソーシャル メディア コンテンツを作成することで、ブランドをより多くの視聴者に提供し、コンテンツをより多くの人に利用してもらうことができます。 現在のコンテンツを取り上げて、改善できる領域を確認してください。追加の手順はそれだけの価値があります。