WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Alignment of Labels in forms

for

From: Jared Smith
Date: Sep 17, 2008 8:30AM

On Wed, Sep 17, 2008 at 7:55 AM, Tim Beadle < <EMAIL REMOVED> > wrote:
>
> In short: top aligned (i.e. label and field on separate lines)
> performs best, right-aligned performs next best (but uses space more
> effectively) and left-aligned performs the worst.

Very interesting. Top aligning is also the easiest approach by far. I
always top align and add a small left margin to the form elements to
slightly indent and offset them from the label
(http://webaim.org/contact/). It seems to work very well.

Jared Smith
WebAIM