الصورة الرمزية

لماذا تهم

الوجه يصنع انطباعاً سريعاً (Willis & Todorov, 2006)، وقد لا تطابق الصورة الواقع (Hancock & Toma, 2009)، فحدد الأحجام وفق التسلسل البصري.

دون صورة

استخدم الأحرف الأولى أو صوراً افتراضية (Gravatar, n.d.؛ MDN, n.d.) مع تباين الألوان.

الحالة وإمكانية الوصول

لا تعتمد على اللون، واضبط النص البديل (W3C, n.d.؛ WCAG 2.2)، ووسّع مساحة اللمس (Parhi et al., 2006).

الأسئلة الشائعة

كيف نختار اللون؟

احسبه من الاسم ليبقى ثابتاً.

هل النص البديل ضروري؟

فارغ إن كان الاسم مجاوراً.

تاريخ مراجعة المصادر: 2026-10-26

المراجع

1. World Wide Web Consortium. (n.d.). Images tutorial. Web Accessibility Initiative. النص البديل للصور.
2. MDN Web Docs. (n.d.). <img>: The Image Embed element. التعامل مع الفشل والأبعاد.
3. Gravatar. (n.d.). Gravatar developer documentation. خيارات الصورة الافتراضية.
4. Willis, J., & Todorov, A. (2006). First impressions: Making up your mind after a 100-ms exposure to a face. Psychological Science, 17(7), 592–598. الانطباع الأول عن الوجه.
5. Hancock, J. T., & Toma, C. L. (2009). Putting your best face forward: The accuracy of online dating photographs. Journal of Communication, 59(2), 367–386. دقة الصور والثقة.
6. Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. مساحة لمس الصور الصغيرة.
7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. المعياران 1.1.1 و1.4.3.