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

إرشادات إمكانية وصول ذوي الاحتياجات الخاصة إلى محتوى الويب (WCAG) هي متطلبات محددة للتأكد من أن المحتوى في متناول الجميع. وفقًا لإرشادات إمكانية وصول ذوي الاحتياجات الخاصة إلى محتوى الويب 2.1 (أأ)، يجب أن تذكر الروابط الغرض من الرابط بحيث يتسنى للزوار تحديد ما إذا كانوا يريدون متابعته أم لا. تحتاج الروابط إلى نص مميز يخبر الزائرين بالموضع الذي ينقلهم إليه الرابط.

ما المقصود بالنص المميز؟

تحتوي الروابط بشكل عام على معلومتين أساسيتين:

  • عنوان URL: عنوان الويب حيث يرسل الرابط الزوار عند تحديده
  • عرض النص: النص المرئي الذي يخبر الزائرين بما يتوقعون العثور عليه في حال تحديد الرابط

ضع في اعتبارك هذا الرابط لاستخدامه في أفضل الممارسات: أفضل ممارسات الروابط. في تعليمة HTML البرمجية المصدر، يبدو رابط أفضل الممارسات كما يلي:<a href="#best-practices">Best practices for links</a>

عند يكون النص المعروض، أو النص الواقع بين علامات <a> مفقودًا، فإن الرابط يفتقد إلى نص مميز. النص المميز هو النص المعروض الذي يروي للزائرين الغرض من الرابط.

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

كيفية استخدام الأشخاص ذوي الإعاقة للروابط المؤدية إلى أسفل الصفحة

يساعدك Ally في تحديد حالات فقدان الروابط للنصوص، ويشرح كيفية إصلاح هذه المشكلات. يمر Ally بعمليات التحقق التالية:

  • هل يوجد نص بين علامات <a> للارتباط التشعبي؟
  • هل النص الموجود بين علامات <a> مخفٍ؟
  • هل الصور المستخدمة كروابط لها أوصاف بديلة؟

إذا لم يجتاز الرابط أيًا من عمليات التحقق، يقوم Ally بوضع علامة على الرابط باعتباره مشكلة.

استخدام Ally للبحث عن الروابط ذات النص المفقود

استخدم تقرير إمكانية وصول ذوي الاحتياجات الخاصة في Ally لاكتشاف مشكلات إمكانية وصول ذوي الاحتياجات الخاصة على موقعك وإصلاحها. استخدم الرابط المتوفر للتقرير وسجل الدخول. افتح التقرير وانظر إلى قائمة المشكلات في جدول مشكلات إمكانية وصول ذوي الاحتياجات الخاصة.

يوجد جدول "مشكلات إمكانية وصول ذوي الاحتياجات الخاصة" في كل من علامتي التبويب "نظرة عامة" و"المجال". ابدأ في علامة التبويب "المجال" للاطلاع على المشكلات الخاصة بالمجال.

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

إذا بدأت في علامة التبويب "نظرة عامة"، فحدد المشكلة ثم المجال الذي يحتوي على المشكلة.

من قائمة المشكلات الموجودة في المجال، حدد مؤشر الدرجة بجوار عنصر يحتوي على المشكلة. تظهر لوحة ملاحظات محرر المحتوى.

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

تعرض لك لوحة ملاحظات Ally معاينة للمحتوى، بالإضافة إلى الملاحظات التفصيلية والدعم لمساعدتك في إصلاح مشكلات إمكانية وصول ذوي الاحتياجات الخاصة لديك. استخدم المعاينة لرؤية الروابط المفتقدة إلى نص.

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

أدوات المعاينة

استخدم أدوات المعاينة لاستكشاف المشكلات في المستند.

  • تنقل عبر المعاينة صفحة تلو الأخرى.
  • تعرف على عدد المرات التي تظهر فيها مشكلة محددة.
  • تنقل بين مواضع تمييز المشكلة.
  • قم بإخفاء أو إظهار المواضع المميزة.
  • قم بتكبير محتوى المعاينة أو تصغيره.
  • إذا كانت المشكلة في مستند مرفق، فقم بتنزيل الملف الأصلي.

اتباع الخطوات الإرشادية الخاصة بـ Ally لإضافة نص للرابط

يفترض Ally أن لديك معرفة أساسية بـ HTML وكيفية استخدام نظام إدارة المحتوى (CMS). لاتباع الخطوات الإرشادية، تحتاج إلى معرفة كيفية تحرير صفحة ويب في HTML أو التعليمة البرمجية المصدر في نظام إدارة المحتوى.

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

حدد كيفية إصلاح نص الرابط لاتباع الخطوات الإرشادية.

طرق إضافة نص إلى الروابط

هناك أكثر من طريقة لإصلاح مشكلة نص الرابط على صفحات الويب لديك.

  • HTML: ترشدك خطوات Ally الإرشادية إلى كيفية البحث عن نص الرابط في HTML وإصلاحه. بصورة أساسية، ابحث عن صفحة الويب التي تحتوي على الرابط. قم بتحرير الصفحة. في تعليمة HTML البرمجية، أضف نصًا بين علامات <a>. احفظ الصفحة.
  • محرر النص المنسق: تحتوي بعض أنظمة إدارة المحتوى على محرر نص منسق (RTE)، والذي من شأنه توفير طرق سهلة الاستخدام لإصلاح الروابط. ابحث عن الرابط الموجود على صفحة الويب. حدد الرابط، ثم استخدم أدوات أنظمة إدارة المحتوى لإضافة نص. احفظ الصفحة.

تفضل بزيارة w3schools لمعرفة المزيد عن HTML وCSS

أفضل ممارسات الروابط

  • ينبغي أن يكون نص الرابط ذا معنى. أخبر زوار موقعك إلى أين هم ذاهبون. صِف ما يمكن أن يتوقع المستخدم رؤيته عند تحديد الرابط.
    • تجنب نص مثل "انقر هنا" و"راجع المزيد". لا تخبر هذه العبارات الزائرين بما يمكن توقعه عند تحديد الرابط. تحتوي بعض التقنيات المساعدة على أداة تسرد الروابط الموجودة على الصفحة فقط. عبارات مثل هذه لن يكون لها أي معنى عند إخراجها من سياق الصفحة وعرضها في قائمة.
    • تجنب عناوين URL كنص رابط مرئي. قد لا يكون عنوان URL وصفيًا. كما تقرأ برامج قراءة الشاشة أيضًا كل حرف من عنوان URL على حدة، مما قد يكون محبطًا لهؤلاء الزوار.
  • ينبغي أن يكون نص الرابط فريدًا. يجب أن يكون كل رابط فريدًا بالنسبة للروابط الأخرى الموجودة في الصفحة. قد يكون تكرار نص الرابط مربكًا عند إزالته من سياق الصفحة وعرضه في أداة قائمة الروابط.
  • ينبغي أن تكون الروابط بارزة بشكل مرئي. ويجب أن يكون من الواضح أنه رابط. إذا لم يعجبك نمط الرابط، فقد تحتاج إلى تحديث النموذج.
    • يجب تمييز الروابط عن النص المحيط بطريقة لا تعتمد على اللون وحده. WCAG الإصدار 2.1 - 1.4.1

      غالبًا ما يتم تحديد شكل الرابط في دليل نمط الموقع، ويمكن أن يعكس العلامة التجارية. قبل إجراء أي تغييرات، راجع دليل نمط الموقع ومسؤول الموقع.

  • أخبر المستخدمين عند فتح الرابط في نافذة جديدة. قد يكون فتح الروابط في نافذة جديدة أمرًا مربكًا. أخبر المستخدمين عند قيامك بإرسالهم إلى نافذة أو علامة تبويب جديدة.
  • لا تستخدم صورة لتمثيل شيء يمكنك إنشاءه في HTML. على سبيل المثال، لا تستخدم صورة لزر بدلاً من الزر الفعلي. لا تستخدم صورة جدول بدلاً من الجدول الذي تم إنشاؤه في تعليمة HTML البرمجية المصدر.

كيفية استخدام الأشخاص ذوي الإعاقة للروابط

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

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

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

يمكن أن يسهل على العديد من المستخدمين رؤية الروابط التي تم تكوينها بشكل صحيح والتفاعل معها.

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