Should label go before or after checkbox?
Labels for radio buttons and checkboxes are positioned after the field. These positions are defined because that is the usual (and therefore most predictable) position for the label for fields, radiobuttons and checkboxes. Labels are positioned before input fields since the fields sometimes vary in length.
How do I make a checkbox accessible?
Since a checkbox is an interactive control, it must be focusable and keyboard accessible. If the role is applied to a non-focusable element, use the tabindex attribute to change this. The expected keyboard shortcut for activating a checkbox is the Space key.