Re: Considering order: labels for checkboxes and radio buttons

Thanks Matthew, and everyone else, for your thoughts. 
This has been helpful for me.
Taliesin 


Sent from my iPhone

> On Jul 11, 2019, at 05:10, Matthew Kreiling <kreiling@gmail.com> wrote:
> 
> Q: "For blind access and [blind] accessibility does it matter if the HTML label element comes before or after its associated input element?"
> A: As long as the label is associated with the input, it does not matter.
> 
> The other responses are all worth considering and are enlightening, especially if we consider accessibility and usability broadly.
> 
> If you are asking which is better for checkboxes and radios, the answer is to probably keep the labels to the right. The reasons are have to do with convention, visual design and virtual cursor mode and are explained better by the other responses.
> 
> Matthew Kreiling
> We're all in it together.
> 360-545-3116
> "To live is so startling it leaves little time for anything else."
> —Emily Dickinson
> 
> 
>> On Thu, Jul 4, 2019 at 5:57 PM Sean Murphy (seanmmur) <seanmmur@cisco.com> wrote:
>> My response is from a screen reader user point of view. Not a standards view. As standards are good, but user experience and expectation is more important. Consistency is key here by the way.
>> 
>> Jaws and NVDA announces the label first then the state. In Jaws you can change the behaviour from memory. This is a screen reader functionality. Do not recall if NVDA can do the same functionality.
>> 
>> 
>> I do not recall what the Mac Voiceover says as I do not use this on a daily bases. 
>> 
>> 
>> Sean Murphy
>> SR ENGINEER.SOFTWARE ENGINEERING
>> seanmmur@cisco.com
>> Tel: +61 2 8446 7751
>> 
>> Cisco Systems, Inc.
>> The Forum 201 Pacific Highway
>> ST LEONARDS
>> 2065
>> Australia
>> cisco.com
>> 
>> Think before you print.
>> This email may contain confidential and privileged material for the sole use of the intended recipient. Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message.
>> http://www.cisco.com/c/en/us/about/legal/terms-sale-software-license-agreement/company-registration-information.html
>> -----Original Message-----
>> From: Taliesin Smith <talilief@gmail.com> 
>> Sent: Thursday, 4 July 2019 9:00 PM
>> To: w3c WAI List <w3c-wai-ig@w3.org>
>> Subject: Considering order: labels for checkboxes and radio buttons
>> 
>> Hi Folks,
>> For blind access and accessibility does it matter if the HTML label element comes before or after its associated input element?
>> 
>> This seems like a really basic question, and I am not sure why I don’t actually have a solid answer for myself. Obvious for some control elements the label should, indeed come first, but for checkboxes, does it matter? Is there a preferred order?
>> 
>> Code sample:
>> <label for=“my-checkbox”>My Accessible Checkbox</label> <input type=“checkbox” id=“my-checkbox” >
>> 
>> <input type=“checkbox” id=“my-checkbox” > <label for=“my-checkbox”>My Accessible Checkbox</label>
>> 
>> Taliesin
>> 
>>