شرح صفوف ومحتوى الفقرة
تُستخدم خاصية [alt attribute] لإضافة معلومات نصية حول الصورة تفيد كل من محركات البحث والمستخدمين. ويتم عرض هذه المعلومات عند فشل تحميل الصورة. و [alt] هو اختصار لـ [alternate text - النص البديل]، ويكون مفيدًا لعرض هذا النص عند وجود ضعف في اتصال الإنترنت.
يفضّل إضافة نصوص قصيرة ووافية حول محتوى الصورة. اكتب وصفًا يناسب معنى الصورة ووظيفتها في السياق، دون حشو كلمات أو إضافة اسم الموقع آليًا. يساعد alt المفيد على فهم الصورة، لكنه لا يضمن ترتيبًا معينًا في البحث.
من حالات الاستفادة من النص البديل:
- خلل في الخادم المستضيف للصورة.
- كتابة مسار الصورة [رابط الصورة] بشكل غير صحيح.
- استخدام المستخدم أو الزائر لقارئ الشاشة [screen reader]. في هذه الحالة، يقرأ قارئ الشاشة النصوص البديلة لتقديم وصف صوتي عن الصورة.
استخدام قارئ الشاشة ليس فشلًا في تحميل الصورة. للصورة الزخرفية التي لا تضيف معنى استخدم alt=""، وللصورة التي تعمل كرابط صف وجهة الرابط أو وظيفته.
Alt Syntax
طريقة كتابة خاصية [alt] لإضافة نص بديل للصورة.
<img alt="value">Hidden Alt Text
في هذا المثال، لا يظهر النص البديل في قيمة الخاصية [alt] لأن الصورة تُعرض بشكل صحيح عند كتابة المسار بشكل صحيح.
Visible Alt Text
يظهر النص البديل [Mountain | closetag.com] في قيمة الخاصية [alt] عند عدم تحميل الصورة بسبب خطأ في المسار، حيث يُعرض هذا النص بدلاً من الصورة.