Web Accessibility Academy · บทเรียน

เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก

ควบคุมเนื้อหาที่กะพริบให้อยู่ในขีดจำกัดที่ปลอดภัย

บทเรียน 3 จาก 413 ขั้นตอน

เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก เป็นบทเรียน Web Accessibility Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Web Accessibility Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน

การกะพริบอาจเป็นอันตราย

สำหรับบางคน แสงกะพริบบนหน้าจออาจกระตุ้นให้เกิดอาการชักได้ นี่คือตัวอย่างที่การเลือกภาพเคลื่อนไหวกลายเป็นการเลือกเพื่อความปลอดภัย ⚠️

โรคลมชักจากแสง

ความเสี่ยงนี้มีชื่อว่า โรคลมชักจากแสง แสงสว่างที่กะพริบอย่างรวดเร็วเป็นตัวกระตุ้นที่พบได้ทั่วไปสำหรับผู้ที่มีภาวะนี้

กฎของ WCAG

WCAG กำหนดเกณฑ์ไว้อย่างชัดเจน ไม่มีสิ่งใดควรกะพริบเกินสามครั้งในหนึ่งวินาที หรือไม่เช่นนั้นต้องมีพื้นที่กะพริบต่ำกว่าขนาดปลอดภัยที่กำหนด

การนับการกะพริบ

การกะพริบคือการเปลี่ยนแปลงที่ตรงข้ามกันเป็นคู่ ได้แก่ จากสว่างเป็นมืดแล้วกลับมาอีกครั้ง การเปลี่ยนจากสว่างเป็นมืดครบสามรอบภายในหนึ่งวินาทีถือว่าเกินเกณฑ์

สีแดงมีความเสี่ยงมากเป็นพิเศษ

การกะพริบสีแดงที่มีความอิ่มตัวสูงมีคำเตือนเฉพาะใน WCAG เนื่องจากการเปลี่ยนผ่านสีแดงเข้มมีโอกาสกระตุ้นอาการชักเป็นพิเศษ

ขนาดมีความสำคัญ

จุดเล็ก ๆ ที่กะพริบมีความเสี่ยงต่ำ แต่เต็มหน้าจอที่กะพริบมีความเสี่ยงสูง กฎนี้พิจารณาว่าการกะพริบครอบคลุมพื้นที่มุมมองมากเพียงใด

ระวังวิดีโอที่เล่นอัตโนมัติ

อันตรายไม่ได้มีแค่ GIF เท่านั้น วิดีโอที่มีเอฟเฟกต์ไฟกะพริบ การระเบิด หรือการตัดภาพอย่างรวดเร็ว อาจกะพริบเกินขีดจำกัดโดยที่คุณไม่ทันสังเกต

ระวังตัวโหลดที่รวดเร็วเกินไป

แม้แต่ไอคอนกำลังโหลดที่หมุนอย่างรวดเร็วหรือการแจ้งเตือนที่กะพริบก็อาจกะพริบเร็วเกินไปได้ ให้การเต้นซ้ำ ๆ ช้าลงและนุ่มนวล

ทดสอบความถี่

เมื่อไม่แน่ใจ ให้ตรวจวัด เครื่องมือ PEAT ฟรีจาก Trace Center สามารถวิเคราะห์สื่อที่มีการกะพริบเกินเกณฑ์ได้

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

ปลอดภัยกว่าเมื่อใช้เป็นค่าเริ่มต้น

วิธีแก้ที่ง่ายที่สุดคือหลีกเลี่ยงการกะพริบทั้งหมด หากเอฟเฟกต์ใดดูคล้ายไฟสโตรบแม้เพียงเล็กน้อย ให้ลดความเร็วลงให้ต่ำกว่าสามครั้งต่อวินาทีมาก ๆ

เตือนก่อนแสดง

หากหลีกเลี่ยงสื่อที่กะพริบไม่ได้จริง ๆ ให้คำเตือนที่ชัดเจนก่อน เพื่อให้ผู้ชมที่ไวต่อสิ่งกระตุ้นเลือกละสายตาได้

ตรวจสอบความเข้าใจ

ขีดจำกัดการกะพริบที่ปลอดภัยตาม WCAG คือเท่าใด

ทบทวน

ควบคุมทุกสิ่งที่กะพริบให้ต่ำกว่าสามครั้งต่อวินาที ระวังสีแดงที่มีความอิ่มตัวสูง และตรวจสอบวิดีโอด้วย PEAT ยิ่งช้ายิ่งปลอดภัย ✅

เริ่มต้นได้ฟรี

เรียนรู้ HTML ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
30
บทเรียน
120

คำถามที่พบบ่อย

บทเรียน “เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Web Accessibility Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก”

ควบคุมเนื้อหาที่กะพริบให้อยู่ในขีดจำกัดที่ปลอดภัย คุณปฏิบัติ Web Accessibility Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Web Accessibility Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Web Accessibility Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน

บทเรียน “เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Web Accessibility Academy นี้ได้ไหม

ได้ บทเรียน Web Accessibility Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. prefers-reduced-motion ใน CSS และ JS
  2. ความผิดปกติของระบบทรงตัวและความเสี่ยงจากพารัลแลกซ์
  3. เกณฑ์การกะพริบสามครั้งสำหรับอาการชัก
  4. หยุดชั่วคราว หยุด และซ่อนเนื้อหาที่เคลื่อนที่อัตโนมัติ
← กลับไปที่ Web Accessibility Academy