مسار التنقل

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

الغرض من الاستخدام

  • عرض المسار الهرمي للتنقل بدءًا من الصفحة الرئيسية وصولًا إلى الصفحة الحالية.
  • مساعدة المستخدمين على معرفة موقعهم داخل هيكل المحتوى والعودة بسهولة إلى الصفحات السابقة.

الهيكل والتخطيط

  • يُعرض على شكل قائمة أفقية من العناصر.
  • يمثل كل عنصر مستوى ضمن التسلسل الهرمي للتنقل.
  • تُفصل العناصر بواسطة فاصل مرئي مثل (/) أو (›) أو أيقونة.
  • يمثل العنصر الأخير الصفحة الحالية ولا يكون قابلاً للنقر.

إرشادات الموضع

  • يُوضع بالقرب من أعلى الصفحة، فوق المحتوى الرئيسي.
  • يجب أن يحافظ على موضع ثابت في جميع الصفحات التي يُستخدم فيها.
  • يُوصى باستخدامه في:
    • الصفحات متعددة المستويات.
    • أدلة الخدمات.
    • لوحات التحكم الإدارية.
    • البوابات الحكومية ذات الهيكل الهرمي المتعدد المستويات.

إرشادات إمكانية الوصول

  • ضع مسار التنقل داخل عنصر تنقل (Navigation) دلالي مناسب.
  • وفّر تسمية واضحة لإمكانية الوصول، مثل “مسار التنقل”.
  • حدّد الصفحة الحالية بوضوح لدعم التقنيات المساعدة.
  • احرص على توفير تباين لوني كافٍ ومسافات مناسبة بين العناصر.

دعم اللغات واتجاهات القراءة

  • يدعم بشكل كامل اتجاهي القراءة من اليسار إلى اليمين (LTR) ومن اليمين إلى اليسار (RTL).
  • تتكيف اتجاهات الفواصل وترتيب العناصر تلقائيًا مع اتجاه القراءة.
  • تتغير التسميات وفقًا للغة المستخدمة (العربية أو الإنجليزية).

أفضل الممارسات

  • استخدم تسميات مختصرة وواضحة.
  • تجنب تكرار عنوان الصفحة داخل المحتوى.
  • تجنب إضافة مستويات غير ضرورية في المسار.
  • استخدم تسميات متسقة ومتوافقة مع مصطلحات نظام تصميم الشارقة.

متى لا يُستخدم؟

  • في الصفحات التي لا تحتوي على مستويات تنقل متعددة.
  • في الصفحات التعريفية التي لا تتضمن تسلسلاً هرميًا.
  • كبديل لشريط التنقل الرئيسي أو القوائم.