ضمان توافق عنصر قائمة التنقل الجانبية مع نظام التصميم الموحد (كود المنصات)
قائمة التنقل الجانبية تنظّم التنقل داخل قسم عميق. ويطلب المعيار الشكل المعتمد وحالاته، ووضوح الموضع الحالي داخلها.
وهو من المعايير الثانوية في فئة العناصر الثانوية من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.
وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.
النص الرسمي ونقاط التحقق
لم تنشر هيئة الحكومة الرقمية نقاط تحقق تفصيلية لهذا المعيار. وتقيس الأداة العنصر على القيم المعتمدة للخلفية والحد والمسافات، وهو ما ينطبق على كل عناصر النظام، ويبقى نص المعيار نفسه هو المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتأخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| لا تدل القائمة على الموضع الحالي | فيتعذّر معرفة أين المستخدم في القسم. |
| يتعذّر طيّها على الجوال | فتزاحم المحتوى على الشاشات الضيقة. |
| يتجاوز العمق مستويين | فيضيع المستخدم في التفرعات. |
| يتعذّر التنقل فيها بلوحة المفاتيح | |
| تختلف عناصرها بين صفحات القسم الواحد | |
| عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبة | فلا تصل إليه تحديثاتها. |
| غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح | |
| مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية | |
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button |
كيف يُعالَج
- أضيفوا
aria-currentواربطوها بالمسار الحالي. - أتيحوا طيّ القائمة على المقاسات الصغيرة.
- اقصروا العمق على مستويين، وانقلوا ما زاد إلى صفحة القسم.
- فعّلوا التنقل بلوحة المفاتيح.
- ثبّتوا عناصر القائمة عبر صفحات القسم الواحد.
معايير متصلة
وفي الدليل: ما معنى «تطبيق كلي» و«تطبيق جزئي» و«لا ينطبق»؟ · مثال على معيار بلا نقاط تحقق منشورة وله حالة
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.