روابط انتقال متعددة للصفحات الكبيرة

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

قد يرغب شخص ما في الوصول إلى حقل البحث أو قائمة التنقل الأساسية أو التذييل، وليس إلى المقالة دائمًا. فوفّر الوجهات التي يحتاجون إليها فعلًا.

من المجموعة الشائعة: الانتقال إلى المحتوى، والانتقال إلى التنقل، والانتقال إلى البحث. اجعلها قصيرة حتى لا تتحول القائمة نفسها إلى عبء.

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

امنح الحاوية aria-label مثل Skip links. فمن دون اسم، تبدو قائمتا nav في الصفحة الواحدة متطابقتين لمستخدم قارئ الشاشة.

لا يزال كل اختصار يحتاج إلى id حقيقي للوصول إليه. يشير الانتقال إلى البحث إلى منطقة البحث، والانتقال إلى التنقل إلى القائمة، وهكذا.

كما سبق، أضف tabindex سالب واحد إلى كل هدف كي ينتقل التركيز إليه بشكل موثوق عند تفعيل الرابط المطابق.

قاوم إضافة اختصار لكل شيء. فـ كثرة روابط التجاوز تتحول إلى كتلة أخرى من المحتوى المتكرر يتعين التنقل خلالها باستخدام Tab.

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

اعرض الاختصارات بترتيب منطقي، وعادةً ما يكون المحتوى أولًا لأنه ما جاء معظم الأشخاص من أجله. وضع الاختصارات النادرة في النهاية.

تنقّل باستخدام Tab بين المجموعة وفعّل كل رابط. تحقق في كل مرة من استقرار التركيز في المنطقة الصحيحة، وليس في عنصر يسبقها أو يليها. ✅

كيف ينبغي جمع عدة روابط تجاوز في صفحة كبيرة؟

في الصفحات الكبيرة، وفّر بضعة روابط تجاوز داخل nav تحمل تسمية، على أن يكون لكل منها هدفه القابل للتركيز. اجعل المجموعة قصيرة وابدأ بالمحتوى. 🎯