Web Accessibility Academy · درس

نص رابط مفهوم خارج السياق

احذف عبارة «انقر هنا» حتى تكون الروابط مفهومة بمفردها.

الدرس 2 من 413 خطوة

نص رابط مفهوم خارج السياق درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.

الروابط خارج السياق

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

فخ «انقر هنا»

تخيّل قائمة من عشرة روابط، وكلها تقول انقر هنا فقط. تصبح هذه الروابط بلا فائدة خارج السياق، إذ لا شيء يميز بينها. 😕

<a href="/report">click here</a>

صِف الوجهة

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

<a href="/report">Read the 2025 report</a>

«اقرأ المزيد» ضعيفة

تتكرر عبارات مثل اقرأ المزيد وتعلّم المزيد في الصفحة، ولا تخبر أحدًا بما تؤدي إليه فعليًا.

قدّم المعنى أولًا

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

تجنب عنوان URL المجرد

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

حافظ على اتساق الروابط المتطابقة

إذا كان رابطان يؤديان إلى المكان نفسه، فامنحهما النص نفسه. فاختلاف الصياغة للوجهة الواحدة يربك المستخدمين.

عندما تحتاج فعلًا إلى مزيد من التوضيح

إذا كان يجب أن يبقى النص الظاهر قصيرًا، فيمكن أن يمنح aria-label الرابط اسمًا كاملًا ومتاحًا، تعلنه قارئات الشاشة.

<a href="/report" aria-label="Read the 2025 report">Read more</a>

طابِق بين الظاهر والمنطوق

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

انتبه إلى الروابط التي تقتصر على أيقونات

لا يتضمن الرابط الذي هو مجرد أيقونة نصًا يُقرأ. امنحه تسمية ظاهرة أو اسمًا متاحًا، ولا تتركه بلا شيء.

تجاوز كلمات «الرابط»

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

تحقق سريع

لماذا يمثل نص رابط مثل «انقر هنا» مشكلة لمستخدمي قارئات الشاشة؟

مراجعة

اكتب نص رابط مفهومًا بمفرده ويسمّي وجهته. تخلّص من «انقر هنا»، وسيصبح كل رابط واضحًا بذاته. ✨

البدء مجانًا

تعلم 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 منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «نص رابط مفهوم خارج السياق»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟

نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. الروابط تنقلك إلى أماكن والأزرار تنفّذ أفعالاً
  2. نص رابط مفهوم خارج السياق
  3. أزرار توضّح ما تفعله
  4. النمط المضاد للمرساة التي بلا href
← العودة إلى Web Accessibility Academy