Checkbox accessibility labels and use_label_element question
-
I’ve installed the Contact Form 7 Accessibility plugin, and read the How to Set up an Accessible Form blog post, but I am not having success with the checkbox item. When I use the checkboxes button and insert my form field, I get `[checkbox* checkbox-171 use_label_element “Prevent Accidents” “Improve Student Success” “Improve Service” “Improve Morale” “Increase Productivity” “Reduce Costs” “Save Time” “Prevent Waste” “Other (Specify):”]’ and then I add my label for the checkbox set but I get an error on achecker.ca that the:
“input element, type of “checkbox”, missing an associated label.
Repair: Add a label element that surrounds the control’s label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.”
I’m probably missing something really simple here but I seem not able to get my head around it. I don’t see how or where to add the “label” to each checkbox item in the Contact Form 7 entry. I can make it work correctly and pass validation if I make the checkbox fields in html but then I am not able to add it to the mailing portion so that the response will get emailed. Thank you.
- The topic ‘Checkbox accessibility labels and use_label_element question’ is closed to new replies.