hand sketched logo of electrons orbiting a nucleus

TIL: Don't Nest Input in Labels

<!-- DON'T -->
<!-- screen readers don't always handle this well -->
<label>
  <span>Label Text</span>
  <input type="checkbox" />
</label>

<!-- DO -->
<label for="checkbox">Label Text</label>
<input type="checkbox" id="checkbox" />

For a whole bunch of good reading on this topic, check out this article.