Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. CONo it's perfectly fine to put an input inside a label. In a perfect world, the for/id association shouldn't be necessary with these so-called implicitly associated labels because it would be so obvious that the corresponding label is the parent of this input. In the real world, screen readers didn't manage to get that for so long that it's mandatory to use matching for/id attributes.
      singulars
    2. CO`<label for="age">Your age <input id="age" type="text"> <span>(1, 2 or 3 digits)</span></label>` is an example of using the label element for help text displayed on the right of the input but read by screen readers at the right moment: before the ((partially-)blind) user has a chance to type sth in the input. It's not so helpful to help him after he typed sth in the input ;)
      singulars
    3. COIRL, a label doesn't contain what it is for. A jar of pickles isn't contained inside the label indicating that it's a jar of pickles. The label simply states that it's for that jar of pickles. I can move that label anywhere but it is still for that jar of pickles. The same goes for HTML forms. IMO, a label shouldn't contain the control that is labels. It should simply point to that particular control. What if I wanted to remove the label (for some reason I can't yet think of) via JavaScript? I'd be removing the control as well! I can throw away that label and the jar of pickles is still there.
      singulars
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload