Accessibility Note: Label element
To build an accessible form, one of the most important element — is the label element. When implemented properly, it will allow screenreaders to speak a form element's label along with related instruction. We suggest wrapping the radio
and checkbox
input inside the label
because the clickable selection is much larger, therefore it is easier to use.
Try it! Notice the different?