WebAIM - Web Accessibility In Mind

E-mail List Archives

Expected behavior for description text of a toggle button

for

From: Alexander Schmitz
Date: May 20, 2015 11:42AM

Hi
We ( jQuery UI and Mobile ) are working on a new checkboxradio widget. This
takes a checkbox or radio input and styles the label to create a toggle
button, this way all the proper associations are handled by the browser.

One issue we have run into, is what the expected behavior is when you have
a form with a layout similar to http://jsbin.com/muceye/1/edit?html,output
. Should the descriptive text on the left activate the button on the right
( be an actual label like the top example, and other inputs in the form )
or just be associated maybe with a fieldset and legend like the second
example.

Any advice would be appreciated!

Alexander Schmitz
jQuery Foundation