2010-10-08 9 views
13

Entschuldigen Sie mich für die vielleicht sehr dumme Frage, aber meine Neugier tötet mich, und außerdem bin ich neu, aber verwenden Sie Etiketten, die wichtig für Ihr Markup sind, und warum?Ist es wichtig, <label> in HTML zu verwenden?

heißt

<label for="birthdate">Birthdate:</label> 
<input type="text" id="birthdate" name="birthdate" /> 

Warum muss ich diesen Eingang beschriften, warum ist es von Vorteil für den Anwender, warum vorteilhaft für den zukünftigen Gebrauch sein wird, oder ist es Suchmaschinen-Optimierung, was zu suchen. Das ist, was ich wirklich wissen will :)

Antwort

28

Es ist wichtig für eine Reihe von Gründen:

  • das Label Anklicken konzentriert sich auf die
    Textfeld, das ist etwas, was viele der Nutzer erwarten.
  • Es ist hilfreich für die Zugänglichkeit Gründe.
  • Wie sonst erfährt der Benutzer, welches Feld welches ist? Sie könnten nur Text oder eine Spanne oder etwas verwenden, aber warum würden Sie?
  • Es führt zu einem semantischen Markup.
5

Es ist wichtig für die Zugänglichkeit, also können blinde Leute, die Bildschirmleser verwenden, leicht erklären, welche Textbox für welche Sache bestimmt ist, weil möglicherweise ihre Software nicht den Zweck der aktiven Textbox von erzählen kann die Seitenstruktur. Wenn Sie auf das Label klicken, wird die entsprechende Eingabesteuerung aktiviert.

+4

Es ist nicht nur bequem. Für Menschen wie mich, die feinmotorische Probleme haben (ich habe einen Parkinson-ähnlichen Zustand) oder für Menschen, die Touchscreens benutzen, ist es aus Sicht der Benutzerfreundlichkeit sehr wichtig. –

12

Es hilft für die Zugänglichkeit, z.B. Bildschirmleser.

Auch für Dinge wie Kontrollkästchen ermöglicht es dem Benutzer, auf das Label und nicht nur das Kontrollkästchen selbst (Try it!) zu klicken.

2

Zukünftige Nutzung:

In einem Fall, in dem der Eingang HTML-Formular direkt mit Datenbank verknüpft ist (geschieht in Frameworks)

so die Eingabeformularvariablen direkt Datenbankspalten darstellen.

Anstatt den Datenbankspaltennamen dem Benutzer im Formular anzuzeigen, können wir dem Benutzer vereinfachte Namen mit Labels anzeigen.

Verwandte Themen