ترقيم الصفحات

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

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

  • عرض القوائم الطويلة أو مجموعات البيانات الكبيرة.
  • عرض بيانات الجداول التي تتجاوز صفحة واحدة.
  • تحسين أداء تحميل الصفحات الغنية بالمحتوى.
  • تمكين المستخدمين من التنقل المتسلسل بين النتائج.

يُستخدم ترقيم الصفحات بشكل شائع في الجداول، والأدلة، ولوحات التحكم، وصفحات نتائج البحث.

مكونات ترقيم الصفحات

  • محدد عدد الصفوف في الصفحة
    يتيح للمستخدم تحديد عدد العناصر المعروضة في كل صفحة
  • مؤشر نطاق النتائج
    يعرض نطاق العناصر الحالية (مثل: 1–25 من 100)
  • أرقام الصفحات
    تتيح الانتقال المباشر إلى صفحة محددة
  • عناصر التنقل
    تشمل الانتقال إلى الصفحة الأولى، والسابقة، والتالية، والأخيرة

السلوك التفاعلي

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

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

  • يجب أن تكون عناصر ترقيم الصفحات قابلة للاستخدام عبر لوحة المفاتيح.
  • استخدم تسميات وصفية لأيقونات التنقل، مثل: الصفحة التالية.
  • احرص على توفير تباين لوني كافٍ للحالات النشطة وغير النشطة.

السلوك الموصى به في التصميم المتجاوب

  • ينبغي أن يتكيف ترقيم الصفحات مع المساحة المتاحة على الشاشة.
  • يمكن اختصار أرقام الصفحات على الشاشات الصغيرة عند الحاجة.
  • يجب أن تبقى مناطق اللمس مناسبة وسهلة الاستخدام على الأجهزة المحمولة.
  • يجب أن تظل عناصر التنقل الأساسية ظاهرة عند جميع نقاط التوقف (Breakpoints).