العودة للمدونة

إمكانية الوصول الرقمي لمرضى الصرع: كيف نجعل الويب أكثر أماناً للجميع؟

في عام 1997، شهد العالم ما بات يُعرف بـ”حادثة بوكيمون“: عُرض مشهد من مسلسل كرتوني لم يتجاوز الدقيقتين تضمّن ومضات ضوئية متسارعة، فأُصيب أكثر من 600 طفل ياباني بنوبات صرع في ليلة واحدة. الشاشة كانت مجرد تلفزيون، والمحتوى كان كارتوناً!

اليوم، تلك الشاشة أصبحت في جيب كل شخص. المواقع تمتلئ بالأنيميشن، والإعلانات الوامضة، والـGIF التي لا تتوقف، والتأثيرات البصرية المتسارعة. والسؤال الذي يتجاهله معظم مصممي الويب: ماذا يحدث لمريض الصرع حين يفتح صفحتك؟

الجواب قد يكون نوبة. وهذا يعني أن التصميم الرقمي – حرفياً – يمكن أن يُسبّب أذى جسدياً. ولهذا السبب يُعدّ النفاذ الرقمي لمرضى الصرع من أكثر أبواب إمكانية الوصول حساسيةً وضرورةً في آنٍ واحد.

الصرع والشاشات – ما العلاقة؟

الصرع اضطراب عصبي يتسبب في نشاط كهربائي غير طبيعي في الدماغ، مما يؤدي إلى نوبات متكررة. وللصرع أنواع عديدة – لكن النوع الذي يرتبط مباشرة بتصميم الويب هو الصرع الضوئي الحساس (Photosensitive Epilepsy).

في هذا النوع، تُحفَّز النوبة بمحفزات بصرية محددة: ومضات ضوئية، وأنماط هندسية متحركة، وتبادل سريع للألوان عالية التباين – وخاصة اللون الأحمر المشبّع الذي ثبت علمياً أنه أكثر الألوان تحريضاً.

⚡  المحفزات البصرية التي تُسبّب النوبات
الوميض بتردد 3 إلى 30 ومضة في الثانية – النطاق الأخطر وفق أبحاث مؤسسة الصرع الأمريكية
الأنماط الهندسية المتناوبة: خطوط أو شبكات بألوان متباينة ومتحركة
اللون الأحمر المشبّع في ومضات سريعة – أخطر الألوان الفردية وفق معايير WCAG 2.2
الانتقالات السريعة بين مشاهد عالية السطوع والإعلانات الوامضة
الـGIF وفيديوهات الـAutoplay ذات الحركة المتسارعة غير المتحكَّم بها

معايير WCAG – ما الذي تشترطه تحديداً؟

المعايير الدولية لإمكانية الوصول WCAG تُخصص المبدأ رقم 2.3 كاملاً لموضوع النوبات والتفاعلات الجسدية. إليك ما يعنيه هذا عملياً:

المعيارالمستوىما الذي يشترطه؟
2.3.1AA – إلزاميلا يجوز أن يحتوي المحتوى على شيء يومض أكثر من 3 مرات في الثانية – إلا إذا كان الوميض أدنى من عتبة الوميض العام وعتبة الوميض الأحمر المحددة بدقة
2.3.2AAA – متقدمحظر مطلق لأي محتوى يومض أكثر من 3 مرات في الثانية بغض النظر عن الحجم أو السطوع – الأكثر أماناً
2.2.2AA – إلزاميأي محتوى متحرك يبدأ تلقائياً ويستمر أكثر من 5 ثوانٍ يجب أن يكون للمستخدم القدرة على إيقافه أو إخفائه

المعيار AA يعني الحد الأدنى المطلوب في معظم التقييمات الحكومية. وصول موقعك إلى هذا المستوى يعني أنك تفي بالحد الأدنى القانوني والمعياري في أغلب دول العالم.

الخطايا التصميمية الشائعة – هل موقعك مذنب؟

هذه أكثر العناصر التصميمية التي تُشكّل خطراً على مرضى الصرع، وهي للأسف شائعة جداً:

العنصر الخطرما الضرر – وما البديل؟
GIF متحرك وامضGIF بدون تحكم = محتوى خطر. البديل: صورة ثابتة، أو فيديو مع زر تشغيل يدوي، أو GIF يتوقف بعد دورة واحدة
إعلانات banner وامضةالإعلانات المتحركة بسرعة عالية من أخطر مصادر التحريض. البديل: إعلانات ثابتة أو محرّكة ببطء شديد لا يتجاوز دورة في 3 ثوانٍ
Hero sections متحركةخلفيات فيديو أو شرائح تنتقل بسرعة في أعلى الصفحة. البديل: تقليل السرعة، إضافة تحكم، أو خيار “تقليل الحركة” بالـ CSS
تأثيرات Parallax سريعةالحركة ثلاثية الأبعاد السريعة تُسبب إزعاجاً وقد تُحفّز نوبات. البديل: parallax بطيء أو إيقافه عبر prefers-reduced-motion
ألوان حمراء متبادلة بسرعةالأحمر المشبّع في ومضات = أعلى عامل خطر منفرد. البديل: تجنب الأنيميشن بالأحمر المشبّع تحديداً
Loaders وامضةشاشات التحميل التي تومض لفترة طويلة. البديل: progress bar هادئة أو spinner بطيئة ثابتة اللون

الحل التقني – ثلاثة مستويات للحماية

التعامل مع الصرع الضوئي في التصميم يسير على ثلاثة مستويات متكاملة – من المعالجة الوقائية في التصميم، إلى التحكم المُمنوح للمستخدم:

المستوى الأول: إعادة التصميم الوقائية

  • تطبيق CSS media query: prefers-reduced-motion – يوقف كل الأنيميشن لمن ضبط جهازه على “تقليل الحركة”.
  • تجنب الومضات > 3 في الثانية بالكامل – لا استثناءات في المحتوى الجوهري للصفحة.
  • تجنب اللون الأحمر المشبّع (#FF0000 وما يشابهه) في أي عنصر متحرك أو وامض.
  • اختبار المحتوى المرئي بأداة PEAT (Photosensitive Epilepsy Analysis Tool) قبل النشر.

المستوى الثاني: التحكم المُمنوح للمستخدم

  • زر “إيقاف الحركة” بارز وسهل الوصول – يُوقف كل الأنيميشن بضغطة واحدة.
  • تحذير واضح قبل أي محتوى يحتمل أن يكون مُحفِّزاً – يمنح المستخدم خيار المتابعة أو الرجوع.
  • التحكم في سرعة التشغيل للفيديو – تقليل السرعة يُقلل من التحفيز الضوئي.

المستوى الثالث: الحل الجاهز مع أدوات همم

أدوات همم (Hemam Toolkit) تُتيح تفعيل وضع الصرع (Epilepsy Safe Mode) في موقعك بسطر كود واحد – يوقف تلقائياً:

⚡  ما يفعله وضع الصرع الآمن في أدوات همم فوراً
إيقاف كامل لجميع الأنيميشن، الـGIF، والـAutoplay في الموقع
تخفيف تباين الألوان العالي الذي قد يُسبّب الإجهاد البصري
منع الوميض في أي عنصر تفاعلي أو إعلاني
تفعيل prefers-reduced-motion تلقائياً دون الحاجة لتدخل المستخدم في إعدادات الجهاز
يُفعَّل فورياً من قائمة إمكانية الوصول بجانب الصفحة – بضغطة واحدة من المستخدم

ماذا يختبر مريض الصرع على الإنترنت؟

“أتجنب بعض المواقع كلياً – لا أعرف متى ستظهر إعلانات وامضة أو أنيميشن مفاجئ. الإنترنت بالنسبة لي ليس متعة – هو مصدر قلق دائم.”

هذه ليست شكوى – هي حقيقة يعيشها مئات الآلاف في عالمنا العربي وعشرات الملايين حول العالم. مريض الصرع الضوئي لا يختار أن يكون “صعب الإرضاء” – هو يتجنب المخاطرة بصحته.

وحين يُصمَّم موقعك بوعي، لا تقول له فقط “أنت مُرحَّب بك هنا” – بل تقول له “لن نُعرّضك للأذى”. هذا هو جوهر التصميم الشامل: ليس خانة تُشطَب، بل قرار إنساني واعٍ.

الخاتمة: التصميم الآمن ليس خياراً – هو مسؤولية

كل مصمم يضع أنيميشن وامضاً في صفحة بدون تحكم، كل مطور يُفعّل إعلاناً متحركاً دون اختبار، كل مدير محتوى يرفع GIF متسارعاً – جميعهم يتخذون قراراً تصميمياً يطال أشخاصاً حقيقيين.

المعايير الدولية موجودة، والأدوات متاحة، والحل أسهل مما يبدو. ما ينقص غالباً هو الوعي – ثم القرار.

حقوق النشر © 2026 شركة مايند روكتس.