Kontrollkästchen und Radio-Labels anklickbar machen

Einer großen Anzahl von (ich wage zu sagen die meisten?) Webseiten machen nicht die Beschriftungen anklickbar für Ihre checkbox-und radio-Eingänge. Es scheint eine riesige usability-Gewinn für wenig Aufwand. Gibt es irgendwelche Kompatibilität/Funktionalität/usability-Probleme bei der Verwendung <label> würde raten die Entwickler von der Verwendung dieses Tags?

Edit: Auch StackOverflow scheint schuldig, das, z.B., wenn Sie eine Frage stellen, die Informieren täglich über jede neue Antworten checkbox-label ist nicht anklickbar.

InformationsquelleAutor der Frage RedFilter | 2010-02-13

  1. 30

    Keinen Grund, außer Faulheit. <label>s sind entscheidend für die Zugänglichkeit, und sind auch sehr praktisch für diejenigen von uns, die Armen Ziel mit der Maus klickt 🙂

    InformationsquelleAutor der Antwort Ray

  2. 7

    Nein, es gibt keine Probleme damit, aber leider ist dies eine der Sie den meisten ignoriert html-tags. Vereinbart, dieser tag ist extrem wichtig für die Zugänglichkeit von Gründen, und was ist mehr, wenn es um layouts für kleine Geräte wie Handys, Sie können nicht Leben ohne das.

    InformationsquelleAutor der Antwort Sarfraz

  3. 3

    Die einzige Schwierigkeit, die ich mir denken kann ist, dass Sie Ihre Formular-Steuerelemente müssen ein ID-Attribut und ID-Attributen müssen eindeutig sein innerhalb Ihrer Seite.

    Wenn du Generierung von Formular-Felder programmgesteuert, würden Sie generiert eine eindeutige ID für jeden von Ihnen innerhalb jeder Seite, die Sie erschienen ist. Dies könnte unter Umständen ein Problem sein.

    Aber generell, ja, ich denke, es ist nur so, dass die Programmierer haben es nicht in Ihre Köpfe.

    In ASP.NET WebForms (oder was auch immer, es würde genannt), Sie wollen die AssociatedControlID - Attribut auf die <asp:Label> element.

    InformationsquelleAutor der Antwort Paul D. Waite

  4. 3

    Und hier ist ein demonstration für diejenigen, die, wie es zu tun.

    Es ist ein Weg, um eine Verbindung der text in der Nähe ein form-element mit dem element an sich, also entweder man kann angeklickt werden, um das Steuerelement zu aktivieren:

    was möchten Sie mit Ihrem Getränk?

    <label for="ice1"><input type="checkbox" name="withice" id="ice1">ice</label> 
<label for="ice2"><input type="checkbox" name="withlid" id="ice2">plastic lid</label>
<label for="ice3"><input type="checkbox" name="withstraw" id="ice3">straw</label>

    InformationsquelleAutor der Antwort Isurus

  5. 1

    <label> ist eine Reine HTML-tag, kein JavaScript erforderlich ist. Ich nehme an, dass alle (wichtigen) browser unterstützen diesen tag, da ist es sehr einfach zu implementieren.

    Viele Entwickler es nicht verwenden, weil:

    • es erfordert mehr Aufwand (das hinzufügen des tags überall)
    • Sie nicht wissen, über Sie die Existenz
    • Sie nicht denken, es ist bequem?!

    Aber es gibt keinen Grund, nicht den tag. Es sei denn, Sie sind sehr begrenzt mit Ihrer Bandbreite, vielleicht?

    InformationsquelleAutor der Antwort Veger

Schreibe einen Kommentar