alt فارغ والصورة الزخرفية المخفية

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

يشير alt الفارغ إلى أن الصورة زخرفية، ولذلك يتجاوزها قارئ الشاشة تمامًا ولا يعلن عنها.

يختلف alt الفارغ تمامًا عن alt المفقود. فالفارغ يعني «تجاوزني عمدًا»، بينما يعني المفقود أن المؤلف نسيه.

عند غياب alt تمامًا، تلجأ كثير من قارئات الشاشة إلى قراءة اسم الملف بصوت عالٍ، مثل IMG underscore 4823 dot jpg.

القاعدة بسيطة: يحتاج كل عنصر img إلى سمة alt. والسؤال الوحيد هو ما إذا كانت فارغة أو تحتوي على نص.

لا تحمل المسافات البصرية والخطوط والفواصل أي معنى، لذا فهي أمثلة مثالية لاستخدام alt فارغ.

لا تضع مسافة بين علامتي الاقتباس. فالـ alt الفارغ الحقيقي لا يحتوي على أي شيء، ولا حتى محرف فراغ واحد.

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

يمكنك أيضًا إخفاء رسم زخرفي باستخدام aria-hidden مع ضبطه على true، وهو أسلوب شائع لأيقونات SVG المضمنة بجوار نص مرئي.

انتبه: لا تضع alt فارغًا أو aria-hidden على صورة معلوماتية، وإلا حذفتها بصمت بالنسبة إلى بعض المستخدمين.

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

أحسنت! يخفي alt الفارغ الزخرفة عمدًا، بينما يمثل alt المفقود خطأً، كما تحافظ aria-hidden أو صور خلفية CSS على هدوء الزخارف.