تقليل الحركة غير الضرورية دون إخفاء المعنى

ميّز بين إشارات اللعب والتأثيرات الزخرفية

استخدم ميزة الوسائط prefers-reduced-motion لاكتشاف تفضيل المستخدم في CSS، وطبّق التفضيل نفسه على التأثيرات التي تتحكم فيها البرامج النصية عند الحاجة. مثلاً، أزل تكبير الخلفية المتكرر مع الإبقاء على إشارة قصيرة بلون أو نص تدل على نجاح الإجراء. لا تجعل تقليل الحركة يؤدي إلى فقدان معلومات من دون أن يلاحظه اللاعب؛ إذ يجب أن يظل قادراً على فهم ما تغيّر وما ينبغي فعله تالياً.

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

اختبار التحولات والتأثيرات المتكررة

قم بمراجعة الحركة عبر التجربة بأكملها: القوائم، والتحميل، وانتقالات الكاميرا، وحالات الفوز والخسارة، والتأثيرات المتكررة خلال المدى الطويل. يمكن أن يؤدي الإعداد الذي يعطل حركة CSS واحدة فقط إلى تفويت حركة JavaScript أو لوحة الرسم. حافظ على اتساق التفضيلات عبر طبقات العرض وتجنب التغييرات المفاجئة إذا تغير إعداد النظام أثناء نشاط اللعبة.

فعّل إعداد تقليل الحركة في نظام التشغيل، وتحقق من أن اللاعبين ما زالوا قادرين على تحديد الأهداف والتعرف على الإصابات وفهم الانتقالات. اختبر تأثيرات CSS والبرامج النصية ولوحة الرسم معاً. يوثّق MDN ميزة الوسائط وكيفية توفير نمط بديل عند تفعيل التفضيل.

أسئلة عن ⁨انخفاض الحركة في ألعاب المتصفح⁩