Re: Re[2]: Should we require labels to be always visible?

> Limited space comes down to a design challenge, not a reason to forgo a
visible label.

Oh heck ya!

+1

JF

On Fri, Jan 6, 2017 at 10:45 AM, Shawn Lauriat <lauriat@google.com> wrote:

> As my two cents, I would say always required, and beyond helping around
> cognitive and low-vision, to situational impairments:
>
>    - If the browser helpfully fills in all fields, with duplicate entries
>    in four of them, you have no way of knowing what data really belongs in
>    which field.
>    - If you start to fill out a form and then the phone rings, diverting
>    your attention for an extended period, you won't remember the fields. Even
>    if you just have focus in the field, the placeholder falls off.
>
> Beyond that, using placeholder as a label goes against HTML spec
> <https://www.w3.org/TR/2011/WD-html5-20110525/common-input-element-attributes.html#the-placeholder-attribute>.
> I know everyone does it these days, so I always say that the label should
> move from inside/over the input to above or next to it, so it remains
> visible.
>
> Limited space comes down to a design challenge, not a reason to forgo a
> visible label.
>
> -Shawn
>
> On Fri, Jan 6, 2017 at 11:26 AM, David MacDonald <david100@sympatico.ca>
> wrote:
>
>> I would say it's already a best practice...
>>
>> Lisa, are those with cognitive disabilities likely to loose track of what
>> the field label is, if it disappears after they click on it? Is that a
>> common complaint out in the wild about placeholder text for labels?
>>
>> Cheers,
>> David MacDonald
>>
>>
>>
>> *Can**Adapt* *Solutions Inc.*
>>
>> Tel:  613.235.4902 <(613)%20235-4902>
>>
>> LinkedIn
>> <http://www.linkedin.com/in/davidmacdonald100>
>>
>> twitter.com/davidmacd
>>
>> GitHub <https://github.com/DavidMacDonald>
>>
>> www.Can-Adapt.com <http://www.can-adapt.com/>
>>
>>
>>
>> *  Adapting the web to all users*
>> *            Including those with disabilities*
>>
>> If you are not the intended recipient, please review our privacy policy
>> <http://www.davidmacd.com/disclaimer.html>
>>
>> On Fri, Jan 6, 2017 at 11:15 AM, josh@interaccess.ie <josh@interaccess.ie
>> > wrote:
>>
>>> <chair hat off>
>>>
>>>  >Would it help the cognitive community if the label is always visible.
>>>
>>> I like the demo David :-)
>>>
>>> I couldn't see my clients wearing having to do that. On mobile, there
>>> are times when screen real estate is so sparse that at best you get an icon
>>> and placeholder text.
>>>
>>> I just  don't think that would fly as a MUST, as best practice maybe. As
>>> long as it fits into the look and feel guidelines etc.
>>>
>>> My 2 cents
>>>
>>> Josh
>>>
>>>
>>>
>>> ------ Original Message ------
>>> From: "Detlev Fischer" <detlev.fischer@testkreis.de>
>>> To: w3c-wai-gl@w3.org; david100@sympatico.ca
>>> Sent: 06/01/2017 16:03:31
>>> Subject: Re: Should we require labels to be always visible?
>>>
>>> That's one way of doing it, but there will be others. So the requirement
>>>> might be EITHER have external visible label OR if using placeholder, show
>>>> label next to field after focussing field.
>>>> Note that some implementations keep the placeholder text visible even
>>>> after focussing (mostly grey text) until you start typing, which I
>>>> personally find confusing. Not sure whether some SC (COGA?) or technique
>>>> addresses this yet.
>>>>
>>>> David MacDonald schrieb am 06.01.2017 16:51:
>>>>
>>>>
>>>>>  Most of the sites I evaluate these days seem to have placeholder text
>>>>> for labels. An aria-label helps, but the label still disappears on focus or
>>>>> on clicking into the field.
>>>>>
>>>>>
>>>>>  Would it help the cognitive community if the label is always visible.
>>>>> So for placeholder labels, should we require that the label appears near
>>>>> the field when the user clicks or tabs to the field? Like this?
>>>>>
>>>>>
>>>>>  http://davidmacd.com/widgets/floating-label/floating-placeh
>>>>> older1.html <http://davidmacd.com/widgets/
>>>>> floating-label/floating-placeholder1.html>
>>>>>
>>>>>
>>>>>  Cheers,
>>>>>  David MacDonald
>>>>>
>>>>>
>>>>>
>>>>>  CanAdapt Solutions Inc.
>>>>>
>>>>>  Tel:  613.235.4902
>>>>>
>>>>>  LinkedIn  <http://www.linkedin.com/in/davidmacdonald100>
>>>>>
>>>>>
>>>>>  twitter.com/davidmacd <http://twitter.com/davidmacd>
>>>>>
>>>>>  GitHub <https://github.com/DavidMacDonald>
>>>>>
>>>>>  www.Can-Adapt.com <http://www.can-adapt.com/>
>>>>>
>>>>>
>>>>>
>>>>>    Adapting the web to all users
>>>>>
>>>>>              Including those with disabilities
>>>>>
>>>>>
>>>>>  If you are not the intended recipient, please review our privacy
>>>>> policy <http://www.davidmacd.com/disclaimer.html>
>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>


-- 
John Foliot
Principal Accessibility Strategist
Deque Systems Inc.
john.foliot@deque.com

Advancing the mission of digital accessibility and inclusion