W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2016

RE: Labels and place-holders in form inputs

From: Balusani, Shirisha <sirib@uillinois.edu>
Date: Mon, 1 Aug 2016 19:32:50 +0000
To: Userite <richard@userite.com>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <CC6721F1575C674B945171E5A7FA5DE4CEBC7048@chimbx4.ad.uillinois.edu>
·         Provide label as you were doing by using hidden CSS

·         For place holder provide format to enter by using aria-describedby to tie the information to the input field
(or )
Add the place holder below the input field.

Thanks
Siri


From: Userite [mailto:richard@userite.com]
Sent: Monday, August 01, 2016 2:17 PM
To: w3c-wai-ig@w3.org
Subject: Labels and place-holders in form inputs

I have an application that uses “placeholder” text inside a forms input field to tell the user what is required. This helps the form to be displayed well on a small screen such as a mobile phone. However I still need to include the <label> element (hidden via CSS) to comply with WCAG and ensure that *all* screen reader users can always know what is required.  My problem is that some screen-readers read both the <label> and the placeholder.
Any suggestions or comments warmly welcomes
Richard
www.userite.com<https://urldefense.proofpoint.com/v2/url?u=http-3A__www.userite.com&d=CwMFaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=EhgtAr-7y25WVGwZobPhGolLR2NavIIU7ohWiAWE3HA&m=fgzvh3v8TsBZArGu9QQSLKoW6dvt6K4h5HSxuG6veKU&s=76DSSbMtC5bIDgOqeJgyT4b7tLaWeFLOPXTaNwiYm7I&e=>

Received on Monday, 1 August 2016 19:33:23 UTC

This archive was generated by hypermail 2.3.1 : Monday, 1 August 2016 19:33:23 UTC