Radio-button Zugänglichkeit ("Barrierefreiheit" (508)

Wenn ich eine Frage mit einem "ja/Nein" radio-button. Wie muss ich markieren den code, so dass ein screen-reader liest die Frage im Zusammenhang mit der "ja/Nein" Auswahl, statt nur das Lesen der "ja" und "Nein" - labels, wenn die radio-buttons ausgewählt?

<span>Did you understand this? (choose one) </span>
<label>
<input type="radio" id="yes_no" name="yes_no" value="Yes" />
Yes
</label>
<label>
<input type="radio" id="yes_no" name="yes_no" value="No" />
No
</label>

Dank

InformationsquelleAutor Jaime Garcia | 2010-06-10
  1. 10

    Für Formular-Elemente dieser Art, die ich benutze:

    <fieldset>
  <legend>Did you understand the question?</legend>
  <input type="radio" name="yes_no" id="yes">
  <label for="yes">Yes</label>
  <input type="radio" name="yes_no" id="no">
  <label for="no">No</label>
</fieldset>

    Bitte beachten Sie, dass alle ID-Werte, die auf einer Seite eindeutig sein sollte. Wenn Sie ein element haben muss, dass teilen ein Deskriptor, dann fügen Sie es als eine Klasse.

    Ich auch mit Fieldsets hinzufügen, um eine eigene Grenze für die radio-Auswahl.

    Und sicher, dass Sie den for="id_value" - Attribut des Labels. Dies wird ordnen Sie das label mit den gewünschten radio-button.

    • Das ist genau das, was ich brauchte. 😀
    • was über die tabindex-Eigenschaft? erhalten Sie dinged auf, die von der ADA für sicher
    InformationsquelleAutor gruntled
  2. 2
    <fieldset>
<legend><span>Did you understand this? (choose one) </span></legend>
<label>
<input type="radio" id="yes_no" name="yes_no" value="Yes" />
Yes
</label>
<label>
<input type="radio" id="yes_no" name="yes_no" value="No" />
No
</label>
</fieldset>
    InformationsquelleAutor Jeff
  3. -1

    verwenden Sie das content-Attribut (falls verfügbar).

    InformationsquelleAutor VoodooChild
Schreibe einen Kommentar