Web Accessibility Academy · レッスン

発作を防ぐ3回の閃光しきい値

点滅するコンテンツを安全な範囲に収めます。

レッスン 3/413 ステップ

「発作を防ぐ3回の閃光しきい値」はCoddyKit上の無料Web Accessibility Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWeb Accessibility Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Web Accessibility Academyコースには全4レッスンが含まれています。

点滅は害を及ぼすことがある

画面上の点滅する光が発作を引き起こす人もいます。アニメーションの選択が安全性に関わる場面です。⚠️

光過敏性てんかん

このリスクには光過敏性てんかんという名称があります。明るく急速な点滅は、この症状を持つ人にとって典型的な誘因です。

WCAG のルール

WCAG には明確な基準があります。1 秒間に3 回を超えて点滅させてはいけません。そうでなければ、小さな安全な領域内に収める必要があります。

点滅を数える

点滅とは、明るい状態から暗い状態へ変化し、再び戻るという対になった変化です。1 秒以内にこの明暗のサイクルが 3 回起こると基準を超えます。

赤色は特に危険

彩度の高い赤の点滅には、WCAG で特別な注意が必要です。濃い赤の変化は、特に発作を誘発しやすいためです。

大きさが重要

小さな点の点滅はリスクが低く、全画面の点滅はリスクが高くなります。このルールでは、表示領域のどれだけが影響を受けるかが問題になります。

自動再生動画に注意する

危険なのは GIF だけではありません。ストロボ効果、爆発、急速なカットを含む動画は、気付かないうちに制限を超えて点滅することがあります。

急速なローダーに注意する

激しく動くローディングスピナーや点滅するアラートも、速すぎる点滅になることがあります。繰り返す脈動は、ゆっくり穏やかにしてください。

頻度をテストする

迷ったら測定してください。Trace Center が提供する無料のPEATツールで、基準に違反する点滅がメディアに含まれていないか分析できます。

PEAT (Photosensitive Epilepsy Analysis Tool) checks media for unsafe flashing

デフォルトから安全にする

最も簡単な対策は、点滅自体を避けることです。ストロボのように感じる効果なら、1 秒あたり 3 回を大幅に下回るよう速度を落としてください。

表示前に警告する

点滅するメディアをどうしても避けられない場合は、明確な警告を先に表示し、敏感なユーザーが目をそらせるようにしてください。

理解度チェック

WCAG で定められている安全な点滅の上限はどれでしょうか。

復習

点滅は 1 秒あたり3 回未満に抑え、彩度の高い赤に注意し、PEAT で動画を確認してください。遅いほど安全です。✅

無料で開始

AI チューターと学ぶ HTML — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
30
レッスン
120

よくある質問

「発作を防ぐ3回の閃光しきい値」レッスンは無料ですか?

はい。「発作を防ぐ3回の閃光しきい値」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Web Accessibility Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Accessibility Academyコースには全4レッスンが含まれています。

「発作を防ぐ3回の閃光しきい値」で何を学びますか?

点滅するコンテンツを安全な範囲に収めます。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Web Accessibility Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのWeb Accessibility Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。

「発作を防ぐ3回の閃光しきい値」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このWeb Accessibility Academyレッスンでコードを書いて実行できますか?

はい。すべてのWeb Accessibility Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. CSSとJSでのprefers-reduced-motion
  2. 前庭障害とパララックスのリスク
  3. 発作を防ぐ3回の閃光しきい値
  4. 自動移動コンテンツを一時停止、停止、非表示にする
← Web Accessibility Academyに戻る