メディア コンテンツをさまざまな形式で表示するためのヒント。

オーディオ、画像、動画コンテンツ (メディア コンテンツとも呼ばれます) を追加することは、サイトを強化する方法として優れています。ただし、コンテンツを完全に見たり聞いたりできない訪問者が、この情報をどのように体験するかを考慮してください。

このガイドでは、メディア コンテンツを訪問者に提示する他の方法について詳しく説明します。

注: このガイドは、開始に役立つ資料として利用できますが、法的アドバイスとして解釈したり依拠したりはしないでください。Squarespaceは、サイトを特定のアクセシビリティに関する法律、規制、または基準に準拠させるためのアドバイスを提供することはできません。

画像

インターネットは視覚的なメディアであり、サイトのプレゼンテーションにおいて画像が重要な役割を果たします。代替テキストやアニメーション画像や.gifのフォーマット方法などの要素について留意する必要があります。

代替テキスト

ページをスキャンするとき、スクリーン リーダーは画像を識別し、訪問者に説明文 (代替テキスト) を読み上げます。代替テキストを追加するときは、そもそもなぜその画像を使用したのかを考えてみてください。たとえば、情報を伝えるためでしょうか、それとも装飾としてでしょうか。視覚障害のない訪問者が利用できるすべての情報に、視覚障害のある訪問者がアクセスするには、画像について何を知っておく必要があるでしょうか。

ベスト プラクティスは、電話で友人に伝えるときと同じように、画像について簡単に説明することです。コンテンツを区切るグラフィックや抽象的な背景画像など、単に装飾として使用する画像には説明は必要ありません。代替テキストはページ上のコンテンツであることを覚えておくことが重要です。明確かつ簡潔に書く必要があります。

アニメーション .gif

サイトのほとんどの領域で、アニメーション画像 (.gif) を追加できます。アニメーション .gifは1秒間に3回以上点滅させないでください。このタイプのコンテンツは、発作やその他の身体的反応を引き起こすことが知られています。

ヒント: サイトがバージョン7.1の場合、訪問者はデバイス設定から一部のアニメーション機能をオフにすることができます。これにより、サイトの閲覧時に表示される動きが少なくなります。たとえば、Macユーザーがデバイスで画面の動きを減らすことを選択した場合、背景画像エフェクトや背景用アートについて有効にしたアニメーションは、その訪問者に対してアニメーション表示されません。

動画

サイトに動画を追加する際には、以下のヒントを参考にしてください。

• YouTubeとVimeoの統合されたクローズドキャプション機能を使用して、同期キャプションを追加します。これにより、視聴者は動画ブロック内からキャプションを有効または無効にすることができます。キャプションの追加について詳しくは、YouTubeとVimeoをご覧ください。
• 1ページに追加できる背景動画は2つまでです。モーションに敏感な人にとっては、モーションが多すぎると見づらくなる可能性があります。
• 動画内では1秒間に3回以上点滅するコンテンツを使用しないでください。

オーディオ

トランスクリプトを追加すると、聴覚障害のある訪問者がポッドキャストなどのオーディオ コンテンツにアクセスしやすくなります。ページを整理するために、[リンクなし] にトランスクリプトを含めることもできます。

モーション

モーションとアニメーションを使用すると、サイトをよりインタラクティブで目を引くものにすることができます。ただし、訪問者を混乱させないようにする必要があります。デザインによっては、特にモーションを伴う場合、モーションに敏感な人に悪影響を与える可能性があります。以下は、サイトのアクセシビリティを十分なものにするために、小規模にするか、あるいはまったく使用しないようにした方がよいデザイン要素です。

パララックス効果

パララックス効果とは、スクロール中に背景要素が前景要素と異なる速度で動くことです。このようなタイプのエフェクトを使用する場合は、前庭障害のある人のニーズを考慮してください。

パララックス効果が最も大きな問題となるのは、パララックス効果が次のような状態の場合です。

• 多くのスペースを占有している
• テキストの背面または近くに表示される
• ページ上で複数回出現する

背景画像の効果をオフにするには、「セクションの背景画像」の手順に従ってください。画像エフェクトが [なし] に設定されていることをご確認ください。パララックス効果を使用する場合は、1ページあたり1つに制限し、各効果のサイズと深さを最小限に抑えるようにしてください。

サイトの動きやアニメーションを減らす方法について詳しくは、「サイト全体のアニメーション」をご参照ください。

点滅

点滅するコンテンツや急激に色が変化するコンテンツが原因で、敏感な訪問者が発作を起こす可能性があります。可能な限り、点滅したり色が急激に変化したりするコンテンツの使用は避け、次のガイドラインを適用するようにしてください。

• 1秒間に3回以上点滅することがない。
• これは、一般的な点滅および赤色点滅のしきい値を下回っています。

点滅のしきい値は色ごとに異なります。人への影響が最も強いのは赤色の点滅です。

トレース センターの感光性てんかん分析ツールを使用して、発作のリスクと点滅のしきい値をテストできます。