فاحص النص البديل للصور
كل صورة، بحكم مكتوب بالكلمات

ما فائدة النص البديل

النص البديل هو الجملة التي تحل محل الصورة عندما لا يمكن رؤيتها.

يقرؤه قارئ الشاشة بصوت عالٍ. ويعرضه المتصفح عندما لا يُحمَّل الملف. كما تقرؤه محركات البحث أيضًا، لأنه أوضح وصف لما تعرضه الصورة.

لذلك فالسؤال ليس فقط هل للصورة نص بديل. بل السؤال هو هل ستكون تلك الكلمات مفهومة لشخص لا يستطيع رؤية الصورة إطلاقًا.

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

النص البديل المفقود يختلف عن الفارغ

سمة alt المفقودة خطأ. لأنه لا يوجد ما يُقرأ، تلجأ كثير من برامج قراءة الشاشة إلى اسم الملف وتقرأ شيئًا مثل "IMG شرطة سفلية 4031 نقطة jpg".

أما النص البديل الفارغ، المكتوب alt=""، فهو قرار. فهو يطلب من التقنيات المساعدة تخطي الصورة، وهو ما توصي به إرشادات W3C للصور الزخرفية للفاصل أو شكل الخلفية أو الأيقونة المجاورة لكلمة تقول الشيء نفسه.

لذلك يعدّ هذا الفاحص الحالتين كلًا على حدة. الأولى تحتاج إلى إصلاح، بينما الثانية لا تحتاج غالبًا إلى أي شيء.

لماذا الصورة المرتبطة برابط هي الأهم

عندما تكون الصورة الشيء الوحيد داخل رابط، يصبح نصها البديل اسم ذلك الرابط.

من دونه لا يكون للرابط اسم، لذلك يعلن قارئ الشاشة العنوان أو يقول "رابط" فقط. ثم يصادف من يتنقل في الصفحة بمفتاح Tab صفًا من المحطات المتطابقة بلا أسماء.

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

نص بديل ينجح ومع ذلك يفشل

تتوقف معظم أدوات التحقق عند "السمة موجودة". لذلك تنجح alt="DSC00412.jpg" وalt="image" وalt="banner" جميعًا، مع أن أيًا منها لا يقول شيئًا للمستمع.

هذا الفاحص يقرأ الكلمات. فهو يكتشف أسماء الملفات والكاميرات، والكلمات العامة المفردة، والبدايات مثل "صورة لـ"، التي يقولها قارئ الشاشة أصلًا قبل النص.

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

النسخ داخل noscript

كثيرًا ما تترك إضافات التحميل الكسول نسخة ثانية من كل صورة داخل وسم noscript للزواحف. يسرد الفاحص هذه النسخ ثم يستبعدها من الأعداد، وبذلك لا تُقيَّم أي صورة مرتين.

الطول الأنسب للنص البديل

جملة واحدة تكفي عادةً. فكثير من برامج قراءة الشاشة تتوقف، أو يصعب متابعتها على الأقل، بعد نحو 125 حرفًا.

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

ما لا يستطيع الفاحص رؤيته

يقرأ الصفحة كما يرسلها الخادم، وهذا أيضًا أول ما يقرؤه الزاحف. لذلك لا تظهر هنا الصور التي يضيفها سكربت لاحقًا، ولا الصور المعيّنة كخلفيات CSS.

على أي حال، لا تستطيع صور خلفية CSS حمل نص بديل. لذلك إذا كانت إحداها تحمل معنى، فمكانها وسم img.