Why Infield Top-Aligned Labels Beat Floating Labels

Form field label alignment has evolved. It’s been five years since I first introduced infield top-aligned labels and its advantages over both top-aligned and infield labels. Many designers and developers have adopted them, but it seems many more have adopted its counterpart, floating labels.

This is unfortunate because infield top-aligned labels are far more usable and accessible than floating labels. The standard for label alignment should have a high level of usability and accessibility, or it’s not the best practice everyone should follow.

--

--

--

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
UX Movement

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

More from Medium

The Optimal Way to Display Modals on Mobile Screens

Empty States- A way to ensure a smooth user experience

How to develop your SVG illustrations into CSS animations

An eye icon saved as an SVG is rendered into an HTML-CSS animation. This animation is saved as a gif, the real CSS animation can be viewed in CodePen.

Pixel Pioneers Bristol Speaker Spotlight: Jhey Tompkins on Boosting Your Skills with Creative…