Hey all!
Can someone tell me how the taging structure for checkboxes should look like to comply for accessibility and screen readers?
I know how to create the check box (name them the same and make the export value different) and that the form field needs to be nested within each <P> tag.
Should the question (What food do you like), and all the answers (Pizza, Fries, Veggies,...) all be on the same level of the tagging structure,
or should all the answers be nested within the question?
Thanks for your help!!
Yes I know I misspelled "breathe"
3
Replies
I know how to create the check box (name them the same and make the export value different)
No, you described radio buttons — name them the same. Radio buttons allow for only 1 choice, excluding the others in the same-named group.
If you want truly independent check boxes where the user can select one or more options, then they are just plain checkbox fields.
... and that the form field needs to be nested within each <P> tag.
Yes, that's correct.
Should the question (What food do you like), and all the answers (Pizza, Fries, Veggies,...) all be on the same level of the tagging structure,
or should all the answers be nested within the question?
Either construct works at this time. But note that:
You can't nest a <P> inside another <P>, so when you have the answers nested in the same <P> as the question, they will be just yellow content boxes and <Form> tags with the question's <P>.
You can also nest each answer/label and its <Form> tag within a <Div>, and then nest the <Div> inside the <P>.
AdChoices