عدّاد الكمية

متى يناسب

يناسب القيم التي تتغير قليلاً عن الافتراضي (Zhou, 2018؛ Apple, n.d.)، أما النطاق الواسع فيتطلب نقرات كثيرة.

الكتابة والحدود

اسمح بكتابة الرقم وحدد min وmax وstep (MDN, n.d.)، وعطّل الأزرار عند الحدود، ونبّه بـالتحقق الفوري.

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

الأزرار الصغيرة المتلاصقة تسبب الأخطاء (قانون فيتس؛ Parhi et al., 2006)، فراعِ حجم هدف اللمس واتبع spinbutton (W3C, n.d.) و4.1.3 (WCAG 2.2).

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

العدّاد أم القائمة المنسدلة؟

العداد للتغييرات الصغيرة، والقائمة للقيم الثابتة.

هل يكفي type=number؟

أسهمه صغيرة، فأضف أزراراً كبيرة.

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

المراجع

1. Zhou, Y. (2018, November 11). Design guidelines for input steppers. Nielsen Norman Group. متى يناسب عداد الخطوات.
2. Apple. (n.d.). Steppers. Human Interface Guidelines. إرشادات iOS للعدادات.
3. MDN Web Docs. (n.d.). <input type="number">. Mozilla. السمات min وmax وstep.
4. World Wide Web Consortium. (n.d.). Spinbutton pattern. ARIA Authoring Practices Guide. دور spinbutton.
5. Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. الأزرار الصغيرة صعبة.
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. المعياران 2.5.8 و4.1.3.