@@Matthias Apsel > `<label><input></label>` trifft auch die richtige Zuordnung. Nö, aber `<label><input> #text</label>`{: .language-html}. 😜 Das hat bei Checkboxen und Radiobuttons den Vorteil, dass die per Maus anclickbare Box mit Checkbox/Radiobutton und Beschriftung umschließt. Bei `<input id="id"> <label for="id">#text</label>` ist eine Lücke zwischen Checkbox/Radiobutton und Beschriftung, die nicht anclickbar ist. (Anclickbar ist die Lücke schon; es passiert nur nichts.) Dem könnte man mit CSS zu Leibe rücken: `label { margin-left: -2em; padding-left: 2em }`{: .language-css}. Pragmatischer ist aber die Schachtelung von `input` in `label`. Ich hatte desöfteren dagegen eingeworfen, dass das Eingabefeld nicht Teil seiner Beschriftung ist … Mann kan vielleicht `label` auch als „Eingabefeld mit Beschriftung“ verstehen – es haben auch andere HTML-Elemente Bezeichnungen, die nicht ihrer (jetzigen) Funktion entsprechen: `hr`, `b`, `i`, … LLAP 🖖 -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)

@@Matthias Apsel > `<label><input></label>` trifft auch die richtige Zuordnung. Nö, aber `<label><input> #text</label>`{: .language-html}. 😜 Das hat bei Checkboxen und Radiobuttons den Vorteil, dass die per Maus anclickbare Box mit Checkbox/Radiobutton und Beschriftung umschließt. Bei `<input id="id"> <label for="id">#text</label>` ist eine Lücke zwischen Checkbox/Radiobutton und Beschriftung, die nicht anclickbar ist. (Anclickbar ist die Lücke schon; es passiert nur nichts.) Dem könnte man mit CSS zu Leibe rücken: `label { margin-left: 2em; padding-left: 2em }`{: .language-css}. Pragmatischer ist aber die Schachtelung von `input` in `label`. Ich hatte desöfteren dagegen eingeworfen, dass das Eingabefeld nicht Teil seiner Beschriftung ist … Mann kan vielleicht `label` auch als „Eingabefeld mit Beschriftung“ verstehen – es haben auch andere HTML-Elemente Bezeichnungen, die nicht ihrer (jetzigen) Funktion entsprechen: `hr`, `b`, `i`, … LLAP 🖖 -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)