شرح صفوف ومحتوى الفقرة
النصوص الموجودة داخل خصائص [alt] و [title] في الصور تُستخدم أحيانًا بطريقة غير صحيحة. من المهم مراعاة بعض النقاط لتحسين إتاحة الصور وفهم معناها، دون ضمان ترتيبها أو أرشفتها بمجرد إضافة سمة.
Title Attribute
- النص المكتوب داخل خاصية [title] يُستخدم لإظهار معلومات تلميحية لزوار الموقع عند تمرير الفأرة فوق الصورة.
- لا تجعل معلومة أساسية متاحة في title وحده؛ ظهور التلميح يختلف باختلاف طريقة التفاعل.
- يجب أن يكون النص في [title] مختصرًا ويفضل أن يكون عنوانًا بدلاً من شرح كامل.
Alt Attribute
- النص الموجود في خاصية [alt] يُستخدم لتوفير وصف بديل للصورة، ويظهر عندما يتعذر تحميل الصورة.
- يقدم هذا النص سياقًا مفيدًا للمستخدمين حول محتوى الصورة.
- يُفضل أن يكون النص مختصرًا ويمكن أن يحتوي على كلمات دلالية.
- يُعتبر النص داخل [alt] مهمًا جدًا لمحركات البحث، لأنه يساعدها على فهم الصورة مع سياق الصفحة، دون ضمان نتيجة أو ترتيب محدد.
| Comparison | Alt Text | Title Text |
| الكلمات | بديل نصي يناسب المعنى والوظيفة | معلومة إضافية اختيارية |
| ما هو؟ | بديل للتقنيات المساعدة ولتعذر عرض الصورة | تلميح قد يظهر عند تمرير المؤشر |
| هل يلزم تضمينه؟ | في الاستخدام المعتاد نعم؛ alt فارغ للزخرفة | لا |
| هل هو مهم لتحسين الصور؟ | للإتاحة وفهم المعنى؛ ليس ضمان ترتيب | لا |
| أمثلة | HTML images | HTML images & title , alt attributes |