Element

body

Fehler-Typ

Wissen

Richtlinien

  • 5 Custom Guidelines
    Richtlinien für Gruppen[ _GROUPNAME_113 ]
  • cta guideline
  • sample
  • WCAG 2.0 (Level A)
    Richtlinien für Gruppen3.3 Eingabe Unterstützung: Helfen Sie den Benutzern zu vermeiden und Fehler korrigieren.
    Richtlinien für UntergruppenErfolgskriterien 3.3.2 Etiketten oder Instruktionen (A)
  • WCAG 2.0 (Level AA)
    Richtlinien für Gruppen3.3 Eingabe Unterstützung: Helfen Sie den Benutzern zu vermeiden und Fehler korrigieren.
    Richtlinien für UntergruppenErfolgskriterien 3.3.2 Labels oder Instruktionen (A)
  • WCAG 2.0 (Level AAA)
    Richtlinien für Gruppen3.3 Eingabe Unterstützung: Helfen Sie den Benutzern zu vermeiden und Fehler korrigieren.
    Richtlinien für UntergruppenErfolgskriterien 3.3.2 Etiketten oder Instruktionen (A)
  • WCAG SRWSD

Anforderung

Jedes input Element hat nur ein zugehöriges label.

Fehler

input Element hat mehr wie ein zugehöriges label.

Kurze Beschreibung

input Element darf nur ein verbundenes label Element enhalten.

Wie repaieren

Entfernen oder modifizieren Sie das label Elements, so das es nur einem label für jedes Kontroll zugeordnetem ist.

Schritte für die Prüfung

Prozedur

1. Überprüfen Sie alle input-Elemente und sein / ihr findet labels.rn2. Hinweis: Informationen über die Tatbestandsmerkmale einer zugehörigen Label finden Sie testen 57.

Erwartetes Ergebnis

1. Jeder input-Element hat nur ein Etikett findet.

Ergebnis gescheitert

1. Entfernen oder Ändern der label Elemente so gibt es nur eine labelproinput Element.

Beispiel

Pass Beispiel

input has only 1 associated label.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html xml:lang="en-US" lang="en">
<head>
<title>OAC Testfile - Check #187 - Negative</title>
</head>
<body>

<form>
<label for="name">First name: </label>
<input type="text" name="firstname" id="name"/>
</form>


</body>
</html>

Beispiele gescheitert

input has 2 associated labels.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html xml:lang="en-US" lang="en">
<head>
<title>OAC Testfile - Check #187 - Positive</title>
</head>
<body>

<form>
<label for="name">First name: </label>
<input type="text" name="firstname" id="name"/>
<label for="name">Enter your first name: </label>
</form>

</body>
</html>

English | German | Italiano


Website-Engine-Code ist copyright © 2011
Inclusive Design Institute
Webservice Api