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

Ø  WAVE and aXe both pass it...could the submit button text be considered a visible label?

Yes, a button next to an input field in my opinion could act as the label for the input field.  The same thing could go for a radio button that says “other” that acts as a label for an input field that is next to it.

Example #3 of H65 would seem to address this
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H65


Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group
jon.avila@ssbbartgroup.com<mailto:jon.avila@ssbbartgroup.com>
703.637.8957 (Office)

Visit us online: Website<http://www.ssbbartgroup.com/> | Twitter<https://twitter.com/SSBBARTGroup> | Facebook<https://www.facebook.com/ssbbartgroup> | LinkedIn<https://www.linkedin.com/company/355266?trk=tyah> | Blog<http://www.ssbbartgroup.com/blog/>
See you at CSUN in March!<http://info.ssbbartgroup.com/CSUN-2017_Sessions.html>

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.

From: Mike Elledge [mailto:melledge@yahoo.com]
Sent: Friday, January 13, 2017 4:35 PM
To: David MacDonald; White, Jason J
Cc: Glenda Sims; Andrew Kirkpatrick; josh@interaccess.ie; lisa.seeman; Detlev Fischer; WCAG
Subject: Re: Re[2]: Should we require labels to be always visible?

Hi All--

What if an input field of type "search" has a placeholder of "Search this page" associated with a button labeled "Search", eg.:

  <form role="search" class="inLine search" >
    <input type="search" placeholder="Search this site" aria-label="search this site"/>
    <input type="submit" value="Search" />
  </form>

[Inline image]

WAVE and aXe both pass it...could the submit button text be considered a visible label?

Mike

On Friday, January 13, 2017 4:05 PM, David MacDonald <david100@sympatico.ca<mailto:david100@sympatico.ca>> wrote:

I think the construct is sufficiently comprehensible visually. The instructions/label are 10 years of math classes ...

the aria-label should have numerator and denominator in them.

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>

On Fri, Jan 13, 2017 at 3:37 PM, White, Jason J <jjwhite@ets.org<mailto:jjwhite@ets.org>> wrote:


From: Glenda Sims [mailto:glenda.sims@deque.com<mailto:glenda.sims@deque.com>]
Sent: Friday, January 6, 2017 1:54 PM
In my book, the label can be an icon (or text).  Here is how I have our experts consistently call this for 3.3.2 (with some thoughts related to 1.3.1 and 4.1.2)

  *   Label or Instructions MUST be visible at all times to sighted users.
  *   An icon (with appropriate alternative text) can serve as a label. Examples of common icons that label form fields (or user controls) include: magnifying glass (for search), 3 horizontal lines on top of each other (hamburger menu), gear (preferences or settings), trash can (delete or view trash depending on context). Remember, these are just a few examples.
  *   A placeholder alone in a form field does not qualify as a label for sighted users because it is not always present. Note: A placeholder, then supplemented by a label (even if the label does not visually appear until after the user focuses on the field) is enough to pass - so long as a label is always programmatically associated.
[Jason] An interesting example that occurs here at ETS is a pair of fields for entering the numerical numerator and denominator of a fraction, arranged vertically and separated by a visible fraction line.
I assume that label elements or aria-label attributes are used correctly to provide explicit labels for assistive technologies. The spatial layout of the fields and the fraction line (in an educational setting) should be clear to visual readers without the need for textual labels. This example arguably doesn’t fall into your first category (icons), although the intent is similar. My inclination is to regard such examples as sufficiently unambiguous to be worthy of satisfying any proposed success criterion in this area.


________________________________
This e-mail and any files transmitted with it may contain privileged or confidential information. It is solely for use by the individual for whom it is intended, even if addressed incorrectly. If you received this e-mail in error, please notify the sender; do not disclose, copy, distribute, or take any action in reliance on the contents of this information; and delete it from your system. Any other use of this e-mail is prohibited.

Thank you for your compliance.
________________________________