> On Behalf Of Paul Novitski
> All this makes me try to come up with a way to present the asterisks
> as footnote indicators visually but not aurally. One could present
> the asterisks as background images on the abbrev elements, but as
> such they wouldn't scale. If they were scalable foreground images,
> they'd need an alt:
>
> <img src="asterisk.jpg" alt="required" class="required" />
> img.required {width: 1em;}
>
>
> The problem would then be how to mark this up:
>
> * Required fields
You're right, that's tricky, but the image idea is interesting.
I like Mike's use of the legend element, but the problem I see with that
approach is that "Required Contact Info" is read before every single
label...
So what about going with something *very simple*, just using an <em> for
example:
Required fields are displayed in italic <span class="pa">(read with
emphasis)</span>.
.pa { position:absolute;left:-9999px }
<label for="email"><em>Email</em>:</label>
<input type="text" id="email" name="email" value="" />
English is not my native language so I'm sure the wording could be improved
to makes sense in IE, JAWS, LYNX but that would be the idea. Then we could
abandon the meaningless spans used within the labels.
Would that make sense? The issue of course would be to make *sure*
screen-reader users get the info line. Anything special that can be used
when the cursor goes into "form mode"?
---
Regards,
Thierry | www.TJKDesign.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
