Sollte ich das "for" -Attribut für <label> verwenden, wenn ich es verwende, um ein Textfeld zu beschriften oder ist es nicht notwendig?

Question

Wenn ich eine Checkbox oder Radio-Eingabe verwende, verwende ich normalerweise das for-Attribut, aber ist es wirklich erforderlich, wenn ich eine Texteingabe oder eine andere Eingabe als eine Checkbox/Radio beschriften möchte?

Answer 1

Absolut. Es verbindet nicht nur programmatisch das Etikett mit der Texteingabe (so wird den Nutzern des Bildschirmlesers gesagt, wofür die Texteingabe ist), sondern es wird auch der "Klick" -Bereich für die Eingabe vergrößert, indem man auf das Etikett klickt (oder tippt) stellt den Fokus des Benutzers auf das entsprechende Feld ein. Wenn Sie das Attribut 'for' aus welchen Gründen auch immer nicht verwenden möchten, können Sie die Texteingabe auch in das Label einfügen.

<label> Text Input 
 
    <input type="text" /> 
 
</label>

Dies wird mit einer Erhöhung der Klickbereich die gleiche Wirkung haben.

Answer 2

Ja, Sie sollten. Es ist sehr hilfreich für Benutzer der assistiven Technologie: http://www.ucop.edu/electronic-accessibility/web-developers/advanced-tips/label-elements-in-forms-for-use-by-assistive-technology.html