يُعد مسار التنقل مكونًا يساعد المستخدمين على معرفة موقعهم داخل هيكل الموقع الإلكتروني أو التطبيق، ويوفر وسيلة للعودة إلى المستويات السابقة ضمن التسلسل الهرمي للصفحات.
الغرض من الاستخدام
عرض المسار الهرمي للتنقل بدءًا من الصفحة الرئيسية وصولًا إلى الصفحة الحالية.
مساعدة المستخدمين على معرفة موقعهم داخل هيكل المحتوى والعودة بسهولة إلى الصفحات السابقة.
الهيكل والتخطيط
يُعرض على شكل قائمة أفقية من العناصر.
يمثل كل عنصر مستوى ضمن التسلسل الهرمي للتنقل.
تُفصل العناصر بواسطة فاصل مرئي مثل (/) أو (›) أو أيقونة.
يمثل العنصر الأخير الصفحة الحالية ولا يكون قابلًا للنقر.
إرشادات الموضع
يُوضع بالقرب من أعلى الصفحة، فوق المحتوى الرئيسي.
يجب أن يحافظ على موضع ثابت في جميع الصفحات التي يُستخدم فيها.
يُوصى باستخدامه في:
الصفحات متعددة المستويات.
أدلة الخدمات.
لوحات التحكم الإدارية.
البوابات الحكومية ذات الهيكل الهرمي المتعدد المستويات.
إرشادات إمكانية الوصول
ضع مسار التنقل داخل عنصر تنقل (Navigation) دلالي مناسب.
وفّر تسمية واضحة لإمكانية الوصول، مثل “مسار التنقل”.
حدّد الصفحة الحالية بوضوح لدعم التقنيات المساعدة.
احرص على توفير تباين لوني كافٍ ومسافات مناسبة بين العناصر.
دعم اللغات واتجاهات القراءة
يدعم بشكل كامل اتجاهي القراءة من اليسار إلى اليمين (LTR) ومن اليمين إلى اليسار (RTL).
تتكيف اتجاهات الفواصل وترتيب العناصر تلقائيًا مع اتجاه القراءة.
تتغير التسميات وفقًا للغة المستخدمة (العربية أو الإنجليزية).
أفضل الممارسات
استخدم تسميات مختصرة وواضحة.
تجنب تكرار عنوان الصفحة داخل المحتوى.
تجنب إضافة مستويات غير ضرورية في المسار.
استخدم تسميات متسقة ومتوافقة مع مصطلحات نظام تصميم الشارقة.
متى لا يُستخدم؟
في الصفحات التي لا تحتوي على مستويات تنقل متعددة.
في الصفحات التعريفية التي لا تتضمن تسلسلًا هرميًا.
