発作を防ぐ3回の閃光しきい値
点滅するコンテンツを安全な範囲に収めます。
「発作を防ぐ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フィードバックを取得できます。ローカル設定は不要です。