تقتصر الأداة على قراءة الصفحات المنشورة للعموم، ولا تطلب صلاحيات، ولا تحتفظ ببيانات الجهة. والاتصال مشفّر عبر HTTPS.
معيار ١ · الأساساتقياس آلي حتمي

التأكد من تطبيق النسخة 1.0 من نظام التصميم الموحد (كود المنصات)

يطلب هذا المعيار أن تُبنى واجهات المنصة على مكتبة كود المنصات نفسها لا على نسخة مشابهة منها. ويُقاس باستخراج أثر المكتبة من الصفحات المفحوصة: وسوم العناصر المخصّصة dga-*، ومتغيرات CSS ذات البادئة --dga-*، وأسماء أصناف مكتبة React الرسمية. فإن وُجد الأثر عميقًا عُدّ المعيار مطبقًا، وإن وُجد لونًا واحدًا مستعارًا دون سواه فتلك استعارة قيمة لا تبنٍّ للنظام. والعنصر المبني يدويًا قد يطابق الشكل اليوم ولا تصل إليه تحديثات المكتبة غدًا.

وهو من المعايير الأساسية في فئة الأساسات من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.

كيف تقيس الأداة هذا المعيار

تُقرأ القيمة المطبَّقة من الصفحة وتُقارن بالقيمة المعتمدة في كود المنصات، فيصدر الحكم عن قياس لا عن تقدير، وتُرفق القيمة المرصودة والقيمة المتوقعة معًا.

النص الرسمي ونقاط التحقق

لم تنشر هيئة الحكومة الرقمية نقاط تحقق تفصيلية لهذا المعيار، ونص المعيار نفسه هو المرجع عند الحكم عليه.

صفحة هذا المعيار في الموقع الرسمي لكود المنصات

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

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

  1. افتحوا أدوات المطور واختاروا زرًا رئيسيًا أو حقل إدخال، ثم انظروا في شجرة العناصر: المكوّن المستدعى من المكتبة يظهر بوسم يبدأ بـ dga- مثل dga-button
  2. افحصوا :root بحثًا عن متغيرات تبدأ بـ --dga-. وجود عدد قليل منها استعارة قيم، ووجودها بالعشرات تبنٍّ فعلي للنظام
  3. ابحثوا في أسماء الأصناف عن النمط dga- أو dga_، فهي أثر مكتبة React الرسمية
  4. كرروا الفحص على ثلاث صفحات مختلفة على الأقل، إذ تعتمد بعض المنصات المكتبة في الصفحة الرئيسية وحدها دون بقية المسارات
  5. العلامة الفارقة: مكوّن يطابق شكل النظام تمامًا ولا يحمل أيًّا من الآثار الثلاثة السابقة. ذلك بناء يدوي، وهو ما يفسّر أغلب حالات التطبيق الجزئي

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

الخطألماذا يضر
إعلان الالتزام مع بناء العناصر يدويًا
التطابق البصري دون استخدام المكتبة
استعارة متغيرات الألوان وحدها دون المكوّناتاستعارة قيمة لا تبنٍّ للنظام
اعتماد المكتبة في صفحة أو صفحتين دون بقية المنصة
فصل المكوّن عن المكتبة بعد استدعائهفينقطع عن تحديثاتها ويبتعد عنها مع كل إصدار

كيف يُعالَج

  1. ابدأوا بمكوّن واحد عالي التكرار، كالزر أو حقل الإدخال، واستبدلوه من المكتبة في كل مواضعه قبل الانتقال إلى غيره
  2. لا تفصلوا المكوّن عن المكتبة لتعديله. وإن لزم تعديل لا تحتمله المكتبة فارفعوا الحاجة إلى فريق التبنّي بدل الفصل
  3. ثبّتوا إصدار المكتبة في ملف الاعتماديات، وارفعوه بقرار مراجَع لا بتحديث تلقائي
  4. امنعوا في مراجعة الشيفرة أي مكوّن جديد يعيد بناء ما في المكتبة، فالمنع أرخص من الاستبدال لاحقًا
  5. أعيدوا القياس بعد كل مكوّن مستبدل، إذ يرتفع أثر هذا المعيار على بقية المعايير مع كل استبدال

معايير متصلة

وفي الدليل: كود المنصات: الدليل الشامل لنظام التصميم الموحد ومعاييره الستة والخمسين · الدليل الشامل يبدأ من هذا المعيار، إذ يقرر أثره على بقية المعايير

معيار ٢الألواناعتماد المكتبة يجلب لوحة الألوان المعتمدة مطابقة، فيرتفع المعياران معًامعيار ٣الخطوطكذلك، وقيم الطباعة تأتي ضمن المكتبة لا منفصلة عنهامعيار ٤المسافاتسلّم المسافات جزء من قيم المكتبة نفسهامعيار ١٢الأزرارالمكوّن الأكثر تكرارًا في إعادة البناء اليدوي، وأول ما يستحق الاستبدال
ما رُصد على منصات حكومية فعلية

طبّقته ٣٪ من ٢٩ منصة حكومية مقيسة

٤٥٪تطبيق جزئي أو كلي على ٢٩ منصة مقيسة
  • أسماء أصناف مكتبة كود المنصات٢٩ منصة
  • عناصر كود المنصات المخصّصة (dga-*)٢٩ منصة
  • متغيرات CSS (--dga-*)٢٩ منصة

والقياس على عيّنة من المنصات المنشورة للعموم بالمنهجية نفسها المنشورة في صفحة المنهجية.

أين تقف منصتكم من هذا المعيار؟

يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.

افحصوا منصتكم
معيار 1 · مكتبة كود المنصات · كود المنصات ونظام التصميم الموحد | XFix