تخطَّ إلى المحتوى الرئيسي

قواعد الهيدر والفوتر

سلوك قائمة الموبايل

سلوك قائمة الموبايل — التوثيق قيد الإعداد.

مكتمل

تحت 1024px ينطوي التنقّل الرئيسي للديسكتوب إلى زرّ hamburger. النقر يفتح drawer رأسياً بكل عناصر التنقّل الـ 9 + CTAs الثانوية. الـ drawer يقفل تمرير الجسم ويحبس focus.

محتوى drawer الموبايل (مرتّب)

  1. 9 عناصر تنقّل رئيسية (نفس ترتيب الديسكتوب).
  2. — فاصل —
  3. Submit Startup (بعرض كامل سهل النقر).
  4. Submit Opportunity.
  5. Partner with us.
  6. — فاصل —
  7. مبدّل اللغة (مضغوط).

قواعد السلوك

مُحرِّك الفتح
زرّ الـ hamburger (`aria-expanded`, `aria-controls`). هدف نقر 44px عبر الحارس العام.
قفل تمرير الجسم
حين `mobileOpen` true، الجسم يحصل على `overflow: hidden`. يُطلق عند الإغلاق.
مُحرِّكات الإغلاق
انقر أي عنصر تنقّل · انقر أيقونة X · انقر الخلفية · مفتاح ESC · تغيير الحجم ≥1024px (إغلاق تلقائي).
حبس focus
Tab يدور بين عناصر الـ drawer فقط. الرابط الأول focused تلقائياً عند الفتح. يُستعاد لزرّ الـ hamburger عند الإغلاق.