مهارات الحياة

النص البديل لصور المنتجات

مخطط تدريب لحقيبة ذات جيب أمامي، يفرق بين التفصيل المرئي والمقاس والسعة غير المعلومين.
مثال من إعدادنا؛ لا صورة منتج فعلي أو اختبار وصول.

النص البديل لصور المنتجات ينقل معنى الصورة بحسب سياقها وفق W3C. [1] نعرض حقيبة افتراضية.

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

صف المعلومة المرئية اللازمة في سياق الصفحة؛ لا تضف مقاسًا أو سعة أو أليافًا بلا دليل.

  • تربط W3C بديل الصورة المعلوماتية بمعناها وسبب إدراجها، دون وصف حرفي لازم لكل تفصيل. [1]
  • في نموذج حقيبة قماشية، صورة الواجهة توضح جيبًا أماميًا مفتوحًا؛ لا تثبت وحدها مقاسه أو نوع الألياف أو سعة الحقيبة.
  • بديل مقترح للتمرين: «واجهة حقيبة بجيب أمامي مفتوح»؛ لا نضيف «تتسع لكل الأجهزة» أو مقاسًا غير معلوم.
  • إذا كان الغرض من الصورة إبراز الجيب، حافظ على هذه المعلومة؛ راجع البديل عند تغير الصورة أو سياقها بدل نسخه بلا فحص.
  • البديل المقترح يخص الصورة المفترضة فقط؛ لا ندعي اختبار قارئ شاشة أو تحقيق ترتيب بحث أو امتثال شامل لموقع.

ابدأ بسبب الصورة

تربط W3C بديل الصورة المعلوماتية بمعناها في السياق. [1] نطبق ذلك على صورة منتج مفترضة، دون أحكام تقنية شاملة.

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

ما الذي نراه في النموذج؟

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

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

بديل قصير له معنى

نقترح لهذا الموضع «واجهة حقيبة بجيب أمامي مفتوح». الجملة تحدد جهة العرض والتفصيل المرئي المقصود. لا نضيف سلسلة كلمات بيع مثل «أفضل حقيبة عصرية رائعة»، لأنها لا تحدد ما يعرضه نموذجنا.

إذا تغيرت جهة الصورة، راجع بديلها؛ لا تنقل نص الواجهة لصورة ظهر أو جيب غير ظاهر.

السياق يحدد التفصيل

إذا كان السياق شرح الجيب، يذكر البديل ظهوره وفتحه. عند عرض الظهر نراجع البديل. سبب إدراج الصورة مؤثر وفق W3C. [1]

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

راجع ما كتبته

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

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

المصادر ومتابعة القراءة

  1. WAI (يفتح في نافذة جديدة)w3.org

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.