要約

アニメーション グラフィックに発作を及ぼすリスクが無いこと、およびユーザーがそれを無効にできることを確認してください。

注記

このページでは、アニメーション グラフィック形式によって発生する固有の問題についてのみ説明しています。WCAG要件を満たすために、これらのグラフィックには必要に応じて代替テキストと拡張説明も必要です。

テクニック

例

例 — 置き換え可能なグラフィック

アニメーションGIFを代替となる静止画像に置き換えるJavaScriptを使用したボタンが設けられています。

<img id="rocket"
    src="rocket-launch.gif"
    alt="Rocket blasting off" />
<button
   onclick="replaceImage('rocket', 'static-rocket-launch.jpg')"
   >Stop animation</button>

解説

アニメーションGIFなどのアニメーション グラフィックは、出版物ではあまり使用されませんが、その使用には、画像に関する基本的な説明を超える、アクセシビリティに関する特有の課題があります。アニメーション グラフィックは非常に短いビデオクリップのようなものなので、ビデオが引き起こすいくつかの問題についても考慮しなければなりません。

主な懸案事項は、画像が発作の危険をもたらさないかという点です。画像はアニメーション化されているため、フラッシュは1秒あたり3回を超えてはなりません。アニメーションが1秒未満でありアニメーションが無限ループで再生される場合には、アニメーションのフラッシュ回数に1秒間あたりのアニメーションのループ回数を掛けて、1秒あたりのフラッシュ回数を計算しなければなりません。

アニメーションが 5 秒後に自動的に終了する場合は、ユーザーが動画コンテンツの再生を停止できるという WCAG の要件を満たしています。電子出版物のページ付けにより、通常、ユーザーはアニメーションが完了しないと画像にたどりつけません。この問題を回避するには、ドキュメント内のアニメーション グラフィックをアニメーション化されていないグラフィックに置き換えるコントロール（通常はボタン）を追加します。その後、ユーザーはアニメーションを再生するかどうかを決定できます。

注記

canvas要素を使用して作成されたアニメーションでも、点滅やユーザーによるオフ設定が必要となるという同じ課題がありますが、このセクションでは説明していない追加の課題も発生します。ナレッジ ベースの今後の更新では、アニメーション化されたキャンバスについても取り扱う予定です。

関連リンク