ما هي الفائدة لإضافة alt = ""؟ "؟ وأي بديل يجب استخدامه هذا alt = "" أو alt = ""؟

Question

ما هي الفائدة لإضافة null alt = ""؟ هل هو فقط تمرير التحقق من الصحة أو لديه المزيد من الأسباب

وكيف يجب أن تكتب؟

مثل هذا ، لا مساحة

alt=""

أو هذا بمساحة فارغة واحدة

alt=" "

Answer 1

أشارت إجابات أخرى إلى المتطلبات الواردة في المعيار. هنا مثال عملي:

بالنظر إلى نص بديل فارغ ، سوف يقدم الوشق:

بالنظر إلى سمة ALT مفقودة ، ستقدم Lynx:

filename.jpg

لا تريد أن يكون للمحتوى الخاص بك أسماء ملفات غير ذات صلة منتشرة طوال الوقت.

Answer 2

للحصول على صحة XHTML الخاصة بك. ALT هي سمة مطلوبة على الصور.

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

ملاحظة: إذا كان لديك عناصر زخرفية مثل مكونات الظل ، فإن بعض الحلي التي يمكنك إضافتها ليس مع الصور ولكن كخلفية CSS ، وبالتالي تجنب الحاجة إلى كتابة نص بديل والحفاظ على علاماتك نظيفة للأشياء غير المحددة.

Answer 3

للصور التي ليس لها نص بديل مناسب (أي صور لا تحمل أي دلالات ، مثل العناصر الزخرفية) ، alt يجب أن تكون السمة فارغة. معنى فارغ فارغ ، وليس مساحة واحدة (وهي اتفاقية وتوصية ولكنها جيدة).

ال alt يجب تحديد السمة ل IMG و AREA عناصر. إنه اختياري ل INPUT و APPLET عناصر.

على الرغم من أن النص البديل قد يكون مفيدًا للغاية ، إلا أنه يجب التعامل معه بعناية. يجب على المؤلفين ملاحظة الإرشادات التالية:

• لا تحدد نصًا بديلًا غير ذي صلة عند تضمين الصور المهددة لتنسيق صفحة ، على سبيل المثال ، alt="red ball" سيكون غير مناسب لصورة تضيف كرة حمراء لتزيين عنوان أو فقرة. في مثل هذه الحالات ، يجب أن يكون النص البديل هو السلسلة الفارغة (""). ينصح المؤلفون بأي حال من الأحوال بتجنب استخدام الصور لتنسيق الصفحات ؛ يجب استخدام ملاءات الأناقة بدلاً من ذلك.
• لا تحدد نصًا بديلًا لا معنى له (على سبيل المثال ، "نص دمي"). لن يقتصر الأمر على إحباط المستخدمين ، بل سيؤدي إلى إبطاء وكلاء المستخدمين الذين يجب أن يحولوا النص إلى إخراج الكلام أو برايل.

يجب على المنافسين استشارة القسم المتعلق بإمكانية الوصول للحصول على معلومات حول كيفية التعامل مع حالات النص البديل المحذوف.

—HTML 4 مواصفات. القسم 13.8 كيفية تحديد نص بديل

Answer 4

سأضيف هذا كإجابة أيضًا (في الأصل تعليق على إجابة أخرى) ، لأنه من المنطقي القيام بذلك.

الصور المستخدمة لتصميم الصفحة (وبالتالي لا تحتوي على استخدام "ALT" الحقيقي) يجب إدراجها من خلال CSS وصورة الخلفية وأقاربها ، وليس من خلال الترميز. بهذه الطريقة تفعل شيئين جيدين في وقت واحد. يمكنك الاحتفاظ بتصميمك في أوراق الأنماط الخاصة بك ، وتحافظ على الكود غير المثالي من صفحتك.

على الرغم من أنني أعتقد أن "الدلالات هي الله" ، إلا أن الحركة قد فشلت في رؤية الفشل الذي هو div و span ، والغموض المتأصل الذي ينتجونه ، ما زلت أعتقد أن div مع صورة الخلفية أفضل من علامة IMG للتصميم.