ألوان كود المنصات: اللوحة المعتمدة وأكثر المخالفات تكرارًا

اللون أول ما يُخالف في كود المنصات وأكثره تكرارًا. وفي قياس عيّنة من المنصات الحكومية بلغت ٢٩ منصة، لم تطابق منصة واحدة لوحة الألوان المعتمدة مطابقة كاملة، وبلغ التطبيق الجزئي ٥٥٪.

معيار ٢ يقوم على نقطتين:

الأولى: أن تأتي كل قيمة لون من مجموعة القيم المعتمدة دون تعديل أو استبدال. لا القيمة القريبة منها، بل هي.

الثانية: أن يستوفي النص على خلفية ملونة متطلبات التباين والوضوح، باستعمال قيم On-Color المخصصة لذلك.

اللوحة تقوم على لونين أساسيين مستمدين من هوية المملكة: الأخضر والأسود المستوحى من البِشت. ثم مجموعات دلالية للنجاح والخطأ والتحذير والمعلومة، ورمادي واسع للأسطح والنصوص.

ومعها لوحتان موسميتان معتمدتان، الذهبي لليوم الوطني واللافندر ليوم التأسيس. وهما مسموح بهما صراحةً، فالسمة الموسمية ليست مخالفة.

١ · قيمة لون خارج اللوحة. وهي الأكثر تكرارًا بفارق كبير. والمهم في هذه المخالفة أنها تقع قريبةً لا بعيدة: اللون يبعد درجة أو درجتين عن المعتمد، وهو النمط الذي يظهر عادةً عند نسخ اللون يدويًا بدل استدعاء قيمته.

وأكثر ما رُصد في العيّنة:

لاحظوا الصف الأول: ثمانٍ وعشرون منصة من تسع وعشرين انحرفت عن قيمة النص الأساسية.

٢ · استعمال الألوان التنبيهية في غير التنبيه. الأحمر والأخضر والأصفر مخصصة للخطأ والنجاح والتحذير. واستعمالها لتصنيف المحتوى يُفقد اللون دلالته، فلا يعود المستخدم يميّز التنبيه حين يقع. والقاعدة نفسها تسري على الأيقونات والعلامات.

٣ · نص على خلفية ملونة دون قيم On-Color. الكود يوفّر قيمًا مخصصة للنص فوق الأسطح الملونة. واختيار لون النص يدويًا ثم قياس تباينه بعد ذلك يقلب الترتيب.

٤ · نسبة تباين دون 4.5:1. وهذه تخرج من التصميم إلى إمكانية الوصول، وهي من أكثر ما يسقط في المراجعات.

1. استخرجوا القيم المحسوبة لخصائص color وbackground-color وborder-color لكل عنصر مرئي، لا القيم المكتوبة في ملف الأنماط، إذ قد تُورَث القيمة من قاعدة أخرى
2. افحصوا :root بحثًا عن متغيرات تبدأ بـ --dga-. وجودها إشارة تبنٍّ قوية، وغيابها يرجّح أن الألوان مكتوبة يدويًا
3. قارنوا كل قيمة باللوحة، وانتبهوا إلى القيم القريبة لا البعيدة
4. قيسوا التباين لكل نص على خلفية ملونة، ولا تكتفوا بالنظر

استبدلوا القيم بالمتغيرات لا بقيم أخرى. معالجة كل لون على حدة تعيد المشكلة مع أول صفحة جديدة. الاستبدال بـ --dga-* يعالجها في مكانها الواحد.

ابدأوا بالأكثر تكرارًا. المخالفة الواحدة تتكرر عادةً عبر عشرات المواضع.

أعيدوا الألوان التنبيهية إلى مواضعها، وانقلوا التصنيف إلى المحايدة أو الأساسية.

امنعوا القيم اللونية المكتوبة يدويًا في مراجعة الشيفرة. المنع أرخص من الاستبدال لاحقًا.

الألوان لا تُخالَف وحدها. فمعيار المكتبة نفسه جاء عند ٥٪ تطبيق كلي في العيّنة، ومن بنى مكوّناته يدويًا كتب ألوانها يدويًا معها. ولذلك تبدأ المعالجة من المكتبة لا من اللون.

للصورة الكاملة اقرأوا الدليل الشامل لكود المنصات، ولقياس ألوان منصتكم ابدأوا فحصًا.