WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Optimum position of asterisk on web forms


From: Tim Beadle
Date: Oct 10, 2008 3:00AM

On Thu, Oct 9, 2008 at 7:31 PM, Karlen Communications
< <EMAIL REMOVED> > wrote:
> I would also tend to put the "-required" in the form control as I never know
> when "star" means required for a field and since I usually just work with a
> list of form controls not the text around them, having the "- required" as
> part of the form control label lets me work through forms quickly.
> I don't think an asterisk provides enough accessibility. For form controls

From Natalie Downe's "CSS Systems" talk at BarcampLondon5:

"For example the star used on labels to indicate a field is required,
NEEDS to be an image
with the alt text 'required'"
-- http://natbat.net/2008/Sep/28/css-systems/ links to her PDF of
slides plus notes.

e.g. <img src="asterisk.gif" alt="Required">

And I agree with previous posters that this should be inside the label
element associated with the form control in question.