توفر خاصية alt بديل نصي يصف محتوى الصورة أو وظيفتها. وهي تخدم المستخدمين والأدوات التي لا يمكنها رؤية الصورة.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
توفر خاصية alt بديل نصي يصف محتوى الصورة أو وظيفتها. وهي تخدم المستخدمين والأدوات التي لا يمكنها رؤية الصورة.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt بصوت عالٍ، لذا يعرف المستخدم الكفيف ما تنقله الصورة. بدونها، يسمع اسم الملف أو مجرد "صورة" — عديم الفائدة.alt بدلاً من أيقونة الصورة المكسورة.alt لفهم وفهرسة الصور (SEO للصور).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (فارغة، لكنها موجودة) مهمة: فهي تخبر قارئات الشاشة "هذه صورة زخرفية، تجاهلها." حذف alt بالكامل مختلف — عندها قد يعلن القارئ اسم الملف.
alt هي الخاصية الأكثر أهمية في الوصولية للصور وهي متطلب قانوني بموجب معايير الوصولية (WCAG).
فهي تجعل المحتوى متصوراً للمستخدمين غير الرائين، وتوفر بديل عند تعطل الصور، وتساعد في تحسين محركات البحث — صف ما تعنيه الصورة في السياق، واستخدم alt="" للصور الزخرفية البحتة.