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

ضمان توافق عنصر قائمة التنقل الجانبية مع نظام التصميم الموحد (كود المنصات)

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

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

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

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

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

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

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

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

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

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

كيف يُعالَج

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

معايير متصلة

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

معيار ٢٩شريط التنقل العلويالتنقل الرئيسي أعلى الصفحة، والجانبية تكمله داخل القسممعيار ٣٠مسار التصفحكلاهما يقول للمستخدم أين هومعيار ٤٩بداهة التنقلالتجميع المنطقي يُحكم عليه هناك

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

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

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