التأكد من استخدام الألوان المعتمدة كما في نظام التصميم الموحد (كود المنصات)

1. ١

   الالتزام بألوان كود المنصات دون تعديل

   مقيس آليًاDGA-002-a

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

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

   ما الذي يجتازها: كل قيمة لون مرصودة في الصفحة تطابق قيمة معتمدة في اللوحة، سواء كُتبت بمتغير أو بقيمة صريحة.

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

   كيف تُقاس أو يُتحقق منها: تحصي الأداة كل قيمة لون معلنة في صفحات العينة وتقارنها بلوحة كود المنصات بفارق لوني محسوب، فتفصل المطابق عن القريب. وتُعرض المخالفة مرة واحدة لكل قيمة مع عدد مواضع استعمالها، لا مرة لكل عنصر.

   كيف تُعالَج: استبدلوا القيم الصريحة بمتغيرات اللوحة في ملف التنسيق، فتنتقل تحديثات المكتبة إليها تلقائيًا. وابدأوا بالقيمة الأكثر استعمالًا، فهي أقل عمل وأكبر أثر.

   نقاط متصلة:التباين على الخلفيات الملونة وخاصية On Color ·متغيرات الخط: العرض (Display) والنصوص (Text) ·متغيرات المسافات العامة دون مسافات مخصصة للعناصر

2. ٢

   التباين على الخلفيات الملونة وخاصية On Color

   مقيس آليًاDGA-002-b

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

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

   ما الذي يجتازها: نص أبيض أو داكن على خلفية ملونة يبلغ ٤٫٥:١ للنص الصغير و٣:١ للنص الكبير والعناصر الرسومية، مأخوذًا من متغير On Color لا من اختيار يدوي.

   ما الذي يسقط فيها: نص بدرجة ٦٠٠ من السلّم اللوني على خلفية فاتحة: القيمة رسمية والنتيجة دون الحد المطلوب، لأن درجة ٦٠٠ لون تعبئة ودرجة ٧٠٠ لون نص.

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

   كيف تُعالَج: استعملوا متغير On Color المرافق للون الخلفية بدل اختيار لون النص يدويًا، وانقلوا النصوص الصغيرة من درجة ٦٠٠ إلى درجة ٧٠٠.

   نقاط متصلة:الالتزام بألوان كود المنصات دون تعديل ·ألوان الأيقونات: التنبيهية للتنبيه وحده ·ألوان العلامات: التنبيهية للتنبيه وحده

كيف تتحققون منه يدويًا

وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.

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

أخطاء شائعة في هذا المعيار

ما يرفقه التقرير مع كل ملاحظة

المحدد + القيمة المرصودة (HEX) + أقرب توكن + الفارق (ΔE) + نسبة التباين + لقطة

كيف يُعالَج

1. ١استبدلوا القيم اللونية المكتوبة يدويًا بمتغيرات --dga-* بدل تصحيح كل قيمة على حدة
2. ٢ابدأوا بالقيم الأكثر تكرارًا، فالمخالفة الواحدة تتكرر عادةً عبر عشرات المواضع، ومعالجتها في مكانها الواحد تسقطها كلها
3. ٣للنص على خلفية ملونة استعملوا قيم On-Color المخصصة لذلك، ولا تختاروا لونًا يدويًا ثم تقيسوا تباينه
4. ٤أعيدوا الألوان التنبيهية إلى مواضعها: النجاح والخطأ والتحذير والمعلومة، وانقلوا ما عداها إلى الألوان المحايدة أو الأساسية
5. ٥امنعوا في مراجعة الشيفرة أي قيمة لونية مكتوبة يدويًا حيث توجد قيمة معتمدة

معايير متصلة

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