Why placeholders alone fail
Narrow screens tempt designers to drop labels for grey in-field text. As Sherwin (2014) notes, the hint vanishes once typing starts, forcing users to remember what the field was. Given short-term memory limits (Miller, 1956) and cognitive load theory (Sweller, 1988), this extra burden breeds errors, and filled fields become impossible to review.
Labels outside, hints close
Seckler et al. (2014) found applying form guidelines such as labels above fields cut errors and time. On mobile, labels directly above fields are most robust. Format hints like 'e.g. 010-1234-5678' near fields raise first-try accuracy (Christian et al., 2007); keep them as small text below the field. For error messages see inline form validation.
Accessibility criteria
Light-grey placeholders often fail WCAG 2.2 (W3C, 2023) 1.4.3 contrast, yet darker ones look like entered values; see colour contrast. Criterion 3.3.2 requires labels or instructions. Associating label elements (W3C, n.d.) lets screen readers announce names and enlarges the tap area.
FAQ
- Should placeholders never be used?
- They are fine as short examples, as long as they do not replace labels.
- Are floating labels acceptable?
- Better than placeholder-only, but check the size and contrast of the small text.
Sources reviewed: 2026-10-27
References
- Sherwin, K. (2014, May 11). Placeholders in form fields are harmful. Nielsen Norman Group. Problems of placeholders used as labels.
- 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. Form guidelines reduce errors and time.
- Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81–97. Limits of short-term memory.
- Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. Extraneous load hurts performance.
- Christian, L. M., Dillman, D. A., & Smyth, J. D. (2007). Helping respondents get it right the first time: The influence of words, symbols, and graphics in web surveys. Public Opinion Quarterly, 71(1), 113–125. Format hints near fields improve accuracy.
- World Wide Web Consortium. (n.d.). Labeling controls. Web Accessibility Tutorials. How to associate label elements.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criteria 3.3.2 labels and 1.4.3 contrast.