ما هو النصّ البديل للصور وهل يهمّ فعلًا؟

ما هو

كل صورة في صفحة ويب تستطيع حمل وصف نصّي. وهو غير مرئي لمعظم الزوّار — يظهر حين تفشل الصورة في التحميل، وهو ما تنطق به قارئة الشاشة بدل الصورة.

هذه هي الآلية كلها. وسبب أهميتها هو من يعتمد عليها.

جمهوران وحاجة واحدة

من يستخدمون قارئات الشاشة. فلمن لا يستطيع رؤية صورتك لغرفة الطعام، النصّ البديل هو الصورة. وبدونه تنطق قارئة الشاشة بـ«صورة» أو تقرأ اسم الملف، وهذا أسوأ من الصمت.

ومحركات البحث ومساعدو الذكاء الاصطناعي. فهم أيضًا لا يرون البكسلات. والنصّ البديل هو كيف يعرفون ما تُظهره الصورة — وهذا يهمّ أكثر من قبل، لأن المساعد الذي يلخّص صفحتك يعمل من النصّ وحده.

والمفيد في هذين الجمهورين أن الكتابة الجيدة لأحدهما كتابة جيدة للآخر. فلا مقايضة تديرها.

ماذا تكتب

صف ما تُظهره الصورة ببساطة. فـ«طاولة ركنية بجانب النافذة، مجهّزة لشخصين» جيدة، و«صورة مطعم» ليست كذلك.

اجعله جملة واحدة. بما يكفي لنقل المضمون لا فقرة.

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

وتجاوز «صورة لـ» و«صورة تُظهر». فقارئة الشاشة تعلن أصلًا أنها صورة، وبدء كل وصف بذلك إزعاج صغير متكرّر.

متى تتركه فارغًا

وهذا يفاجئ الناس: الصور الزخرفية ينبغي أن يكون نصّها البديل فارغًا لا موصوفًا.

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

والاختبار: إن اختفت الصورة ولم تفقد الصفحة شيئًا، فهي زخرفية.

الخطأ الذي يجعله بلا فائدة

حشو الكلمات المفتاحية فيه.

فـalt="أفضل بيتزا بيروت بيتزا رخيصة قريبة مني مطعم إيطالي" كانت حيلة قديمة جدًا. وهي الآن لا تفعل شيئًا للترتيب، وتفعل شيئًا سيئًا لمستخدم قارئة الشاشة الذي عليه سماعها كاملة.

اكتب لمن لا يستطيع رؤية الصورة. وهذا أيضًا، لحسن الحظ، ما تكافئه محركات البحث الآن.

الحالة الأهمّ

الصور التي تحوي معلوماتك الفعلية.

قائمة كصورة. أو قائمة أسعار كرسم. أو مواعيد عمل داخل صورة.

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

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

الفشل القريب الأكثر كلفة

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

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

والعلاج بنيوي لا وصفي: يجب أن تكون تلك الأمور نصًّا على الصفحة، يُعدَّل كنصّ. ويبنيها Helm هكذا — فالقائمة لائحة أصناف لها أسماء ووصوف وأسعار تعدّلها كحقول، لا صورة يعيد أحد تصديرها كلما تحرّك سعر — ولهذا تكون قائمة موقع Helm مقروءة لزاحف البحث وللمساعد. والمنطق مبسوط في هل ينبغي أن تكون قائمتي ملف PDF.