Ich bin gerade auf einen for
Parameter in einem HTML-Label-Tag gestoßen:
<label for="required-firstname"> First Name </label>
<small>*</small>
<input name="required-firstname" type="text" tabindex="2"
id="required-firstname" size="24" maxlength="40">
Ich konvertiere dieses Formular in ein PHP-verarbeitetes Skript. Kann ich die for = -Parameter entfernen? (Und was macht es aus Neugier?)
if the user clicks on the text within the label element, it toggles the control.
Das HTML-Label-Tag definiert ein Label für ein Formularelement. Sie werden normalerweise mit Kontrollkästchen und Optionsfeldern verwendet. Wenn der Benutzer auf die Beschriftung klickt, wird die Schaltfläche umgeschaltet. Bei einer Texteingabe (und Sie müssen dies überprüfen, um sicherzugehen) wird die Eingabe meiner Meinung nach nur dann fokussiert, wenn der Benutzer auf die Beschriftung klickt.
quelle
Es gibt an, an welches Element diese Bezeichnung gebunden ist. In Ihrem Beispielcode befindet sich die Bezeichnung für das Eingabefeld für den erforderlichen Vornamen . Wenn der Benutzer auf diese Beschriftung klickt, wird der Fokus auf das gebundene Eingabefeld gelegt. Es ist eine Verbesserung der Benutzerfreundlichkeit und ich denke, Sie sollten es besser so lassen, wie es ist. Es ist eine gute Praxis.
quelle
Das Attribut "für" ist ein notwendiges Element für die Zugänglichkeit Ihres Formulars. Lass es nicht aus. Für jemanden, der einen Screenreader (SR) verwendet, um eine Webseite anzukündigen, bezieht das Attribut "für" das Steuerelement auf das Etikett. Normalerweise blättert ein SR-Benutzer durch ein Formular von einem Steuerelement (das für den SR ein fokussierbares Element ist) zum nächsten. Ohne das Attribut "für" muss der SR-Benutzer den Modus auf dem SR ändern und das Formular durchsuchen, um festzustellen, welches Steuerelement mit welchem Etikett übereinstimmt. Dies kann zeitaufwändig und verwirrend sein. Das Attribut "für" kann auch für unterstützende Technologien in Bezug auf Motorprobleme nützlich sein.
WebAIM.org hat eine großartige Seite, auf der die Auswirkungen von "for" auf die Barrierefreiheit erläutert werden: http://webaim.org/techniques/forms/controls
quelle
Es bindet die Beschriftung an eine Formularelement-ID. Einige Formularelemente, wie z. B. Kontrollkästchen, können durch Klicken auf ihre Beschriftung aktiviert werden.
quelle
Wenn Sie in einigen Browsern auf einen Text in einem for-Tag klicken, aktivieren Sie das Kontrollkästchen, mit dem er verknüpft ist (dh die for = id), oder legen den Fokus auf dieses Feld. Es ist eine ADA-Sache
quelle