لماذا يعلق المستخدم
توحي الأزرار بقابلية النقر عبر الشكل والأعراف (Norman, 1999). والزر المعطّل يطفئ هذه الإشارة دون تفسير، فيصبح إيحاءً خفياً (Gaver, 1991; Friedman, 2021). انظر الإيحاء.
أبقه مفعّلاً واشرح
النماذج التي توضّح الخطأ تُكمل أكثر (Seckler et al., 2014). أبقِ الزر مفعّلاً وانتقل عند النقر إلى الحقل الناقص مع التحقق الفوري (Flaherty, 2024)، وأضف ملاحظة قرب الزر السفلي الثابت.
متى يصح التعطيل
لمنع الإرسال المزدوج أثناء الدفع مثلاً. ميّز الحالة بوضوح (Gordon, 2025) واعرض السبب مثل «جارٍ المعالجة…». يستثني WCAG 2.2 العناصر المعطلة من 1.4.3، لكن الباهت جداً يختفي عن ضعاف البصر. وفكّر في aria-disabled.
الأسئلة الشائعة
- هل الأزرار المعطلة سيئة دائماً؟
- لا، تناسب منع الإرسال المزدوج مع إظهار السبب.
- ما الفرق بين disabled وaria-disabled؟
- الثاني يُبقي التركيز فيقرأ قارئ الشاشة الزر وسببه.
تاريخ مراجعة المصادر: 2026-10-26
المراجع
- Friedman, V. (2021, August). Frustrating design patterns: Disabled buttons. Smashing Magazine. مشكلات الأزرار المعطلة وبدائلها.
- Gordon, K. (2025, April 25). Button states: Communicate interaction. Nielsen Norman Group. التمييز بين حالات الأزرار.
- Flaherty, K. (2024, January 17). Indicators, validations, and notifications: Pick the correct communication option. Nielsen Norman Group. اختيار المؤشرات أو رسائل التحقق.
- Seckler, M., Heinz, S., Bargas-Avila, J. A., Opwis, K., & Tuch, A. N. (2014). Designing usable web forms: Empirical evaluation of web form improvement guidelines. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1275–1284). ACM. الإرشاد الواضح للأخطاء يساعد الإكمال.
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. الإيحاء المُدرك يشير إلى قابلية النقر.
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. الإيحاءات الخفية والزائفة.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. استثناء 1.4.3 والمعيار 3.3.1.