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

التأكد من استخدام عنصر ترقيم الصفحات بما يتماشى مع نظام التصميم الموحد (كود المنصات)

ترقيم الصفحات يقسم قائمة طويلة. ويطلب المعيار الشكل المعتمد، ووضوح الصفحة الحالية، وبقاء الروابط قابلة للنقر بمساحة لمس كافية.

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

المعيار في مثال واحد

ترقيم الصفحات، مرة بدلالة غير لونية ومرة باللون وحده.

مطابق
  • الصفحة الحالية بدلالة غير لونية
  • انتقال إلى الأول والأخير
  • مساحة لمس كافية على كل رقم
مخالف
  • الحالية باللون وحده
  • لا سبيل إلا التنقل صفحة صفحة
  • أرقام متلاصقة دون الحد الأدنى

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

يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.

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

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

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

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

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

الخطألماذا يضر
لا تتضح الصفحة الحالية إلا باللونفيتعذّر تمييزها على من لا يميّزه.
تقل مساحة اللمس على الأرقام عن الحدفيصعب النقر على الجوال.
يغيب الانتقال إلى الصفحة الأولى والأخيرةفيلزم التنقل صفحة صفحة.
لا يُعرف العدد الكلي للصفحات ولا للنتائج
يعيد الترقيم المستخدم إلى أعلى الصفحة أو يتركه في موضعه دون اتساق
عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبةفلا تصل إليه تحديثاتها.
غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح
مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button

كيف يُعالَج

  1. ميّزوا الصفحة الحالية بدلالة غير لونية إلى جانب اللون.
  2. ارفعوا مساحة اللمس على الأرقام إلى الحد المعتمد.
  3. أضيفوا الانتقال إلى الطرفين.
  4. أظهروا العدد الكلي للصفحات وللنتائج.
  5. وحّدوا سلوك التمرير بعد الانتقال بين الصفحات.

معايير متصلة

وفي الدليل: ما معنى «تطبيق كلي» و«تطبيق جزئي» و«لا ينطبق»؟ · مثال على معيار بلا نقاط تحقق منشورة وله رقم منشور

معيار ١٠قالب البحثترقيم الصفحات جزء من صفحة نتائج البحثمعيار ٣٥الجدولالجداول الطويلة تُقسَّم بهمعيار ٥التصميم المتجاوبمساحة اللمس على الأرقام تُقاس هناك
ما رُصد على منصات حكومية فعلية

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

٩٦٪تطبيق جزئي أو كلي على ٢٣ منصة مقيسة
  • border-color٢ منصتان
  • padding-left٢ منصتان
  • background-color١ منصة
  • background-color١ منصة
  • border-color١ منصة

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

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

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

افحصوا منصتكم
معيار 45 · ترقيم الصفحات · كود المنصات ونظام التصميم الموحد | XFix