Actually, I followed the Bootstrap convention and in general they're pretty good about a11y. I've just looked it up to be sure and apparently you can explicitly associate the label and the checkbox by using `for` and you can implicitly associate the label and the checkbox by putting the checkbox inside the label. Both are valid, and both are handled correctly by screen readers:

http://stackoverflow.com/questions/774054/should-i-put-input-tag-inside-label-tag

```
See http://www.w3.org/TR/html401/interact/forms.html#h-17.9 for the W3 recommendations.

They say it can be done either way. They describe the two methods as explicit (using "for" with the element's id) and implicit (embedding the element in the label):

Explicit:
"The for attribute associates a label with another control explicitly: the value of the for attribute must be the same as the value of the id attribute of the associated control element."

Implicit:
"To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element."
```