لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي
تعرّفوا إلى كلفة التنقل عبر شريط التنقل في كل صفحة
لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
الرأس نفسه في كل صفحة
تبدأ كل صفحة في موقعك بالشعار نفسه، والبحث نفسه، والقائمة نفسها. يتجاوزها المستخدمون المبصرون بنظرة خاطفة. لكن ليس بمقدور الجميع فعل ذلك. 👀
التنقل باستخدام Tab خطّي
ينتقل مستخدم لوحة المفاتيح عبر الصفحة باستخدام Tab، عنصر قابل للتركيز واحدًا في كل مرة. لا مجال لإلقاء نظرة مسبقة، بل للتقدم خطوة بعد أخرى.
احسب التكلفة
تخيّل قائمة تنقل تضم 20 رابطًا. للوصول إلى المقالة، يضغط مستخدم لوحة المفاتيح على Tab 20 مرة. والآن اضرب ذلك في عدد الصفحات التي يزورها.
قارئات الشاشة تعيد ذلك أيضًا
غالبًا ما يسمع مستخدم قارئ الشاشة القائمة بأكملها تُقرأ بصوت عالٍ قبل بدء المحتوى. الرأس المتكرر نفسه في كل مرة.
لهذا اسم محدد
تسمّي WCAG هذه المشكلة كتل المحتوى المتكررة. والحل هو إتاحة تجاوزها، ولذلك سُمّي المعيار Bypass Blocks.
إليك رابط التخطي
رابط التخطي هو اختصار في أعلى الصفحة تمامًا. فعّله لينتقل التركيز مباشرةً إلى المحتوى الرئيسي.
<a href="#main">Skip to main content</a>وجوده أولًا مقصود
يكون رابط التخطي عادةً أول عنصر قابل للتركيز في الصفحة، ولذلك يكون أول ما يصل إليه Tab قبل أي روابط في القائمة.
من الأكثر استفادة؟
تفيد روابط التخطي مستخدمي لوحة المفاتيح وقارئات الشاشة أكثر من غيرهم، لكن أي شخص يستخدم أجهزة التبديل أو التحكم الصوتي سيشعر بالراحة نفسها.
إنه معيار نجاح
يُعد Bypass Blocks هو WCAG 2.4.1، وهو متطلب من المستوى A. وهذا يعني أنه الحد الأدنى الأساسي، وليس إضافة اختيارية لطيفة.
إضافة بسيطة، وفائدة كبيرة
رابط التخطي ليس سوى مرساة واحدة تشير إلى المحتوى. جهد ضئيل، لكنه يوفر على أشخاص حقيقيين عشرات ضغطات المفاتيح في كل زيارة. ✨
أكثر من طريقة واحدة
روابط التخطي هي الحل الشائع، لكن المعالم المناسبة وبنية العناوين الواضحة تتيحان للمستخدمين أيضًا تجاوز المحتوى المتكرر.
تحقق سريع
لماذا يسبب المحتوى المتكرر الإحباط لمستخدمي لوحة المفاتيح؟
مراجعة
تتطلب الرؤوس المتكررة جهدًا حقيقيًا من مستخدمي لوحة المفاتيح. أما رابط التخطي، وهو حل Bypass Blocks في WCAG، فينقلهم مباشرةً إلى المحتوى. 🎯
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 30
- الدروس
- 120
الأسئلة الشائعة
هل درس «لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي» مجاني؟
نعم — نص درس «لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
ماذا ستتعلم في «لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي»؟
تعرّفوا إلى كلفة التنقل عبر شريط التنقل في كل صفحة تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟
لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟
نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- لماذا نحتاج إلى الانتقال إلى المحتوى الرئيسي
- إنشاء رابط انتقال يعمل فعلاً
- إخفاء مرئي حتى الحصول على التركيز
- روابط انتقال متعددة للصفحات الكبيرة