الإيقاف المؤقت والإيقاف والإخفاء للمحتوى المتحرك تلقائياً

إذا تحرك المحتوى من تلقاء نفسه، فيحتاج المستخدم إلى وسيلة لإيقافه. تسمي WCAG ذلك الإيقاف المؤقت أو الإيقاف أو الإخفاء للمحتوى المتحرك تلقائيًا. ⏸️

فكّر في carousels، وعروض الشرائح التي تنتقل تلقائيًا، والأشرطة الإخبارية المتحركة، وفيديو الخلفية المتكرر. فأي شيء يتحرك من دون إجراء من المستخدم يندرج ضمن ذلك.

يستهدف المعيار الحركة التي تستمر أكثر من خمس ثوانٍ وتعمل بالتزامن مع محتوى آخر. أما حركة المقدمة القصيرة فهي مستثناة.

يستولي المحتوى المتحرك على الانتباه، وقد يستحيل قراءته بالنسبة إلى المستخدمين ذوي الحساسيات المعرفية أو الحركية. ويعيد التحكم الصفحة إلى المستخدم.

أبسط حل هو زر pause حقيقي. اسمح للمستخدمين بتجميد carousel حتى يتمكنوا من إكمال قراءة الشريحة بهدوء.

قد يُستأنف الإيقاف المؤقت، أما stop فينهي الحركة نهائيًا. وكلاهما يفي بالقاعدة ما دام المستخدم هو المتحكم فعلًا.

يكون السماح للمستخدمين بـإخفاء العنصر المتحرك تمامًا هو الحل الأفضل أحيانًا. إذ يزيل عنصر التحكم الخاص بالإغلاق في الشريط المتحرك مصدر التشتيت مباشرةً.

ينبغي أيضًا إيقاف carousel مؤقتًا عندما يمرر المستخدم المؤشر فوقه أو ينتقل إليه باستخدام Tab، حتى لا تتعارض القراءة أو التفاعل مع الانتقال التلقائي.

يجب أن يكون زر الإيقاف المؤقت نفسه قابلًا للوصول باستخدام لوحة المفاتيح، مع تسمية واضحة. فعنصر التحكم الذي لا يستطيع أحد العثور عليه لا يُحتسب.

والأفضل ألا تشغّل المحتوى تلقائيًا للمستخدمين الذين يقللون الحركة. اجمع بين فحص التفضيل وعنصر تحكم مرئي للإيقاف المؤقت.

بصراحة، تعمل كثير من carousels بصورة أفضل من دون انتقال تلقائي على الإطلاق. دع المستخدمين يتنقلون بالنقر وفق وتيرتهم، فتختفي المشكلة.

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