الارتباط التشعبي: نص الرابط ووجهته وأمثلة HTML

الخلاصة السريعة

الرابط يجمع وجهة ومحتوى ظاهرًا؛ تفعيله هو ما ينقل القارئ إلى المورد المقصود. [2]

• يحدد href العنوان، ويصف النص الظاهر الوجهة؛ ويمكن تفعيل رابط ذي href بمفتاح Enter عند التركيز عليه. [2]
• العنوان الكامل يحدد الموقع والمسار؛ والعنوان النسبي يعتمد على موضع الصفحة الحالية، بينما # يتبعه معرّف قسم. [1]
• في مثالنا، ../about.html من /guide/index.html يصل إلى /about.html؛ و#details يختار القسم ذي id="details" في الصفحة نفسها.
• الأفضل تسمية الوجهة بوضوح. يقبل معيار غرض الرابط النص مع سياق مرتبط برمجيًا، ويستثني الغرض الغامض لجميع المستخدمين. [3]
• الربط بملف لا يضمن تنزيله؛ سمة download مقيدة بالمصدر نفسه أو data وblob، والسلوك يتأثر بالمتصفح والإعدادات. [2]

ما الذي يراه القارئ وما الذي يقرأه المتصفح؟

النص داخل a هو المحتوى الظاهر، وhref يحمل عنوان الوجهة. يمكن للعنصر أن يربط صفحات وملفات ومواضع داخل الصفحة. عندما يكون له href، يفعله المستخدم أيضًا بلوحة المفاتيح بعد التركيز عليه. [2]

في مثال أصلي: <a href="/courses.html">قائمة الدورات</a>. العبارة «قائمة الدورات» هي التي نقرأها، أما /courses.html فهو المقصد. تغيير العبارة إلى «الدورات المتاحة» لا يغير المقصد في هذا المثال.

ثلاثة أنواع من العناوين في مثال واحد

العنوان الكامل يتضمن اسم الموقع. المسار النسبي يحسب من موضع الصفحة؛ وتشير .. إلى المجلد الأب. ولرابط قسم نكتب # ثم قيمة id الخاصة بالعنصر المطلوب. [1]

افترض صفحة عنوانها https://example.org/guide/index.html. عنوان ../about.html فيها ينتج https://example.org/about.html، بينما lesson.html ينتج https://example.org/guide/lesson.html. هذه عناوين تعليمية اخترناها لفحص المسار.

للقسم نضع عنوانًا مثل <h2 id="details">تفاصيل الدورة</h2>، ثم رابطًا <a href="#details">تفاصيل الدورة</a>. تتطابق الكلمتان details في المثال؛ إحداهما اسم الموضع والأخرى الإشارة إليه.

كيف نختار نصًا مفهومًا؟

يسهل النص الواضح اختيار الوجهة. وفي معيار WCAG 2.4.4 يمكن معرفة الغرض من النص وحده أو مع سياقه المرتبط برمجيًا؛ وله استثناء حين يكون الغرض غامضًا للجميع. [3]

في قائمة من ثلاثة ملفات، سمِّ كل رابط بعنوانه: «جدول الدورة» و«وصف الأنشطة» و«نموذج التسجيل». أما تكرار «انقر هنا» ثلاث مرات فيترك للقارئ سؤالًا: أي ملف يقصد كل رابط؟

الرابط إلى ملف ليس أمر تنزيل دائمًا

قد يفتح المتصفح الملف أو يعالجه بصورة أخرى. تطلب download معاملته كتنزيل، لكنها تعمل للعناوين من المصدر نفسه أو بصيغتي data وblob؛ وقد تختلف النتيجة مع المتصفح وإعداداته. [2]

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