WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Again: Hiding form labels with display:none?

for

From: James Nurthen
Date: Feb 11, 2013 11:14PM

Hopefully off-screen labels for form fields will disappear now we can use
aria-label to accomplish the same thing. They were always a hack and now
there is a suitable replacement we should stop using them.

Regards,
James

On Mon, Feb 11, 2013 at 8:20 PM, < <EMAIL REMOVED> > wrote:

> I think putting content off screen is so wide spread that we must work to
> make it a standard either by adding an attribute in html like
> offscreen="true" or by adding css display:offscreen
>
>
>
> With warm regards
> Dinesh Kaushal
> Technical Lead |Information Systems – MyWipro | Accessibility
> PMI Certified Associate Project Manager
> Mobile: 9900096374
> Blog: http://dineshkaushal.blogspot.com
>
> The energy between two people is what creates great marriages, families,
> teams, and organizations -- Tom Rath.
> "The only true wisdom is in knowing you know nothing." -- Socrates
>
> -----Original Message-----
> From: <EMAIL REMOVED> [mailto:
> <EMAIL REMOVED> ] On Behalf Of Rick Hill
> Sent: 12 February 2013 05:31 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Again: Hiding form labels with display:none?
>
> Surprised I didn't even get a nibble on this one. So I'll try again (with
> fewer typos):
>
> -------------------------------------------------------------------
> For as long as I have been involved with Web accessibility, I still
> stumble across "simple" things that I feel I should have know.
>
> My take on hiding Web content from sighted users but making it available
> for screen users has been to use one of the CSS techniques … but never
> display:none because that hides it from everyone.
>
> Now I find that many/most/all assistive technology (or at least popular
> screen readers) WILL announce a form label even if hidden using
> display:none!
>
> So, is this just a customary thing (like D links used to be before wider
> adoption of longdesc) or is there an actual AT guideline in WCAG 2 that
> says display:none hides from all users and media types … except for form
> labels?
>
> I'm still of the opinion that using display:none for this purpose is not a
> best practice. Am I mistaken?
> -------------------------------------------------------------------
> Rick Hill, Web CMS Administrator
> University Communications, UC Davis
>
> > > messages to <EMAIL REMOVED>
>
> Please do not print this email unless it is absolutely necessary.
>
> The information contained in this electronic message and any attachments
> to this message are intended for the exclusive use of the addressee(s) and
> may contain proprietary, confidential or privileged information. If you are
> not the intended recipient, you should not disseminate, distribute or copy
> this e-mail. Please notify the sender immediately and destroy all copies of
> this message and any attachments.
>
> WARNING: Computer viruses can be transmitted via email. The recipient
> should check this email and any attachments for the presence of viruses.
> The company accepts no liability for any damage caused by any virus
> transmitted by this email.
>
> www.wipro.com
> > > >