Gunnar Bittersmann: Jquery checkboxen checkall

Beitrag lesen

@@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