الخلاصة

  • نصت توصية WCAG 2.1 الصادرة عن W3C عام 2018 على إمكان تعطيل الحركة التي يطلقها تفاعل المستخدم، ما دامت الحركة غير ضرورية للوظيفة أو للمعلومة.
  • وصف أول مشروع عمل علني لمواصفة Media Queries Level 5 في مارس 2020 الخاصية prefers-reduced-motion بقيمتي reduce وno-preference. ويعرض مثال لاحق من WAI طريقين للمؤلف: إزالة الحركة عند طلب تقليلها، أو بناء صفحة ساكنة ثم إضافة الحركة في الحالة الأخرى.

كانت البطاقة تؤدي شقلبة صغيرة كلما انتقل القارئ إلى البطاقة التالية. رآها المصمم لطيفة، ورآها القارئ فاصلاً متكرراً بينه وبين السطر الذي يريد قراءته. وقد قال القارئ كلمته من قبل، في إعدادات النظام أو المتصفح: حركة أقل. صار على الموقع أن يقرر كيف يتعامل مع طلب وصل قبل فتح الصفحة نفسها.

وضعت توصية WCAG 2.1 التي نشرها W3C في 5 يونيو 2018 هذا الاختيار في معيار النجاح 2.3.3 الخاص بالحركة الناتجة عن التفاعل. إذا أطلق ضغط المستخدم حركة غير لازمة لوظيفة الصفحة أو للمعلومة المعروضة، ينبغي أن يستطيع إيقافها. تظل للمؤلف حرية إخراج البطاقة الجديدة، لكن القارئ يملك باباً للخروج من العرض البهلواني المتكرر.

جاء أول مشروع عمل علني لـ Media Queries Level 5 في 3 مارس 2020 بسؤال يستطيع CSS طرحه: prefers-reduced-motion. تعني reduce أن النظام تلقى رغبة المستخدم في تقليل الحركة. وتعني no-preference أن النظام لم يتلق تفضيلاً معروفاً؛ وهذه القيمة تُقيَّم على أنها خطأ عند اختبار الخاصية وحدها بوصفها شرطاً منطقياً. الصمت حالة واضحة، وليس تصفيقاً يطلب من البطاقة ثلاث شقلبات أخرى.

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

أبقى مشروع العمل المؤرخ 18 ديسمبر 2021 التمييز بين reduce وno-preference ضمن خصائص تفضيلات المستخدم. ويعرض سجل إصدارات W3C المشروع العلني الأول في 2020 ثم نسخ العمل اللاحقة. هكذا صار الخيار الموجود في إعدادات الجهاز شرطاً يمكن لمؤلف الصفحة أن يكتبه بوضوح في ملف أنماطها.

وتقدم تقنية C39 الصادرة عن WAI والمحدَّثة في يناير 2026 طريقتين عمليتين. الأولى تنشئ الحركة ثم توقفها عند تحقق @media (prefers-reduced-motion: reduce). والثانية تبدأ بتصميم ساكن وتضيف الحركة تحت @media (prefers-reduced-motion: no-preference). في حالة بطاقتنا، تدفع الطريقة الثانية صاحب الصفحة إلى سؤال بسيط: ما المعلومة التي تضيفها الشقلبة إلى بطاقة تستطيع الوصول والظهور من دونها؟

تتناول C39 الحركة التي ينتجها CSS بعد تفاعل مثل الضغط أو التمرير. وتشرح WAI أن بعض المؤثرات قد تشتت الانتباه أو تسبب انزعاجاً لبعض الناس. ويفسح معيار 2018 المجال للحركة الضرورية للوظيفة أو لنقل المعلومة. يمكن للموقع احترام اختيار القارئ من دون أن يطلب منه سرد تاريخه الصحي قبل كل نقرة.

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