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