@@Matthias Apsel
<label><input></label>
trifft auch die richtige Zuordnung.
Nö, aber <label><input> #text</label>
. 😜
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 }
. 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