ما هو
النص البديل هو وصف مكتوب قصير مرفق بصورة في كود صفحة يعلنه قارئ الشاشة بصوت عالٍ مكان الصورة نفسها، لأن الزائر الكفيف أو ضعيف البصر الذي يستخدم واحدًا لا يستطيع رؤية الصورة مباشرة. حيث ينظر دليلنا للنص البديل المركّز على SEO في كيفية مساعدة نفس السمة لمحركات البحث على اكتشاف الصور، تتعلق هذه الزاوية تحديدًا بما يعنيه النص البديل لشخص حقيقي يعتمد عليه للوصول إلى نفس المعلومات التي يحصل عليها زائر مبصر بمجرد النظر إلى الصورة.
هذا التمييز مهم عمليًا: يمكن أن ينتهي النص البديل المكتوب فقط لترتيب أعلى في بحث الصور محشوًا بكلمات مفتاحية بدلاً من وصف ما تظهره الصورة فعليًا بشكل حقيقي، وهو ما يخدم مستخدم قارئ الشاشة بشكل سيء حتى لو استوفى تقنيًا حرف المتطلب.
لماذا يهم
بالنسبة لمستخدم قارئ شاشة، تُتخطى الصورة بدون نص بديل بالكامل (كما لو لم تكن موجودة) أو تُعلن كاسم ملف غير مفيد مثل "IMG_4821.jpg" — في كلتا الحالتين، تُفقد ببساطة أي معلومات كانت الصورة تهدف إلى نقلها لزائر مبصر. يصبح هذا حاجزًا خطيرًا عندما تحمل الصورة محتوى ذا معنى: مخطط ببيانات، رسم بياني يشرح عملية، صورة منتج تُظهر ميزة غير موصوفة في أي مكان في النص المحيط.
هذا أيضًا متطلب قانوني لإمكانية الوصول في العديد من السياقات، بموجب معايير مثل WCAG (إرشادات إمكانية الوصول لمحتوى الويب) التي يتعين على العديد من الأعمال الالتزام بها — لكن معاملته بحتة كخانة امتثال يفوّت النقطة القائلة إنه يحل مشكلة وصول حقيقية ويومية لزوار حقيقيين.
كيفية الإصلاح
- لكل صورة تنقل معلومات حقيقية، اكتب نصًا بديلاً يصف ما تُظهره فعليًا، كما لو كنت تصفها لشخص على الهاتف لا يستطيع رؤيتها.
- اجعل الأوصاف موجزة ومحددة — عادة تكفي جملة أو عبارة قصيرة؛ تجنب إعادة ذكر معلومات مُعطاة بالفعل في النص المحيط.
- بالنسبة للصور الزخرفية البحتة التي لا تضيف معلومات (أنسجة خلفية، فواصل)، استخدم
alt=""فارغًا حتى يتخطاها قارئ الشاشة تمامًا بدلاً من إعلان شيء لا معنى له. - بالنسبة لصورة هي نفسها رابط (مثل شعار يرتبط بالصفحة الرئيسية)، اكتب نصًا بديلاً يصف إلى أين يؤدي الرابط، وليس فقط شكل الصورة.
- اختبر بقارئ شاشة مجاني (NVDA، VoiceOver) لسماع كيف تُعلن صورك فعليًا، بدلاً من افتراض أن النص الذي كتبته يُقرأ جيدًا بصوت عالٍ.