تكرار السؤال: …
الإجابة المختصرة
بضمان ترتيب قراءة منطقي ومتسق (DOM Order)، وتسمية كل عنصر تفاعلي بوضوح (Accessible Name)، وكتابة نصوص بديلة تصف الغرض الوظيفي والمعنى السياقي للصورة بدلاً من تفاصيلها الشكلية السطحية.
الشرح
قارئ الشاشة (مثل VoiceOver و TalkBack) يقرأ الشاشة خطياً. إذا كانت الصورة زخرفية بحتة لا تحمل معلومة جديدة، يجب تعليمها كـ Decorative (alt='') ليتجاهلها القارئ ولا يعطل المستخدم. وإذا كانت الصورة رسماً بيانياً أو زراً تفاعلياً، يجب أن يصف النص البديل الخلاصة أو الوظيفة (مثلاً: 'زر إغلاق النافذة' بدلاً من 'أيقونة علامة X رمادية').
أخطاء شائعة
- كتابة نصوص بديلة تبدأ بعبارة 'صورة لـ...'؛ فقارئ الشاشة يعلن تلقائياً للمستخدم أنها صورة.
- ترك الأزرار المعتمدة على أيقونات مجردة بدون تسمية نصية مخفية (Aria-label) فيقرأها البرنامج كزر غامض مجهول الهوية.