Gunnar Bittersmann: jQuery required setzen bei select Auswahl

Beitrag lesen

@@Pandi

<form form method="post">

	<label for="autoStart">Automatisch starten?</label>
	<input name="autoStart" type="radio" value="Ja" checked="" /> Ja 
	<input name="autoStart" type="radio" value="Nein"/> Nein

Hier stimmt dein Markup nicht. Zunächst einmal hat das form-Element kein form-Attribut.

Das Label ist keinem Eingabefeld zugeordnet. Das for-Attribut bezieht sich auf die ID eines Elements; ein Element mit der ID autoStart gibt es aber nicht.

Die Label für die Radiobuttons wären auch „Ja“ und „Nein“.

Eine Gruppe von Radiobuttons sollte in einem fieldset-Element eingeschlossen sein. „Automatisch starten?“ wäre der Inhalt des legend-Elements.

Sieht dann so aus:

<form method="post">

	<fieldset>
		<legend>Automatisch starten?</legend>
		<input name="autoStart" id="autoStart-ja" type="radio" value="Ja" checked="" />
		<label for="autoStart-ja">Ja</label>
		<input name="autoStart" id="autoStart-nein" type="radio" value="Nein"/>
		<label for="autoStart-nein">Nein</label>
	</fieldset>

	<label for="f1">Feld 1*</label>
	<select name=f1"" id="f1" required="">

Hier ist die Zuordnung Label – Eingabefeld korrekt.

Die Anführungszeichen allerdings nicht.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory