Element

input

Fehler-Typ

Wissen

Richtlinien

  • Section 508
    Richtlinien für GruppenN - barrierefreie Formen
  • WCAG 2.0 (Level A)
    Richtlinien für Gruppen1.3 Stellen Sie sicher, dass die Informationen und die Struktur kann von der Darstellung getrennt werden
    Richtlinien für UntergruppenErfolgskriterien 1.3.1 Info und Beziehungen (A)
  • WCAG 2.0 (Level AA)
    Richtlinien für Gruppen1.3 Anpassungsfähig: Inhalte erstellen, die auf unterschiedliche Weise dargestellt werden können (z. B. einfacher Layout) ohne Informationen zu verlieren oder Struktur.
    Richtlinien für UntergruppenErfolgskriterien 1.3.1 Info und Beziehungen (A)
  • WCAG 2.0 (Level AAA)
    Richtlinien für Gruppen1.3 Anpassungsfähig: Inhalte erstellen, die auf unterschiedliche Weise ohne Informationen zu verlieren oder Struktur präsentiert werden können.
    Richtlinien für UntergruppenErfolgskriterien 1.3.1 Info und Beziehungen (A)
  • WCAG 2.1 (Level AAA)
  • WCAG SRWSD
  • XO_GUIDELINE

Anforderung

Alleinput Elemente vom type "text", haben ein label mit Text.

Fehler

input Element vom type "text", enthält keinen Text im label.

Kurze Beschreibung

input Element, das ein type Attribute-Wert von "text" enthält, muss einen Text, der damit verbunden ist haben.

Wie repaieren

Hinzufügen von Text, der zum input Element gehörigen Label als Aufgabe oder Funktion vom Kontroll dient.

Schritte für die Prüfung

Prozedur

1. Prüfe alle input Elemente, die ein type Attribut-Wert von "Text" enthalten.
2. Das input Element muss ein explizit zugehöriges Label, die ein oder mehrere der folgenden Methoden benutzen.
3. Das input Element hat ein id Attribut-Wert, dass den for Attribut-Wert eines label Elements betrifft.
4. and/or
5. Das input Element hat ein title Attribut.
6. und/oder
7. Der input Element enthält ein label Element.
8. Prüfen, wenn das Label Text enthält.

Erwartetes Ergebnis

1. Alle input Elemente vom type "text", hat ein label, das Text enthält.

Ergebnis gescheitert

1. Hinzufügen von Text auf dem Etikett, dass der Zweck oder die Funktion der Kontrolle beschreibt.

Beispiel

Pass Beispiel

Label using for and id attributes contains text.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check #213 - Negative</title>
</head>
<body>
<form action="http://somesite.com/prog/adduser" method="post">
<p>
<label for="texta">Name:</label> 
<input id="texta" type="text" name="mytext" tabindex="1" />
</p>
</form>
</body>
</html>

Beispiele gescheitert

Label using for and id attributes does not contain text.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile - Check 213 - Positive</title>
</head>
<body>
<form action="http://somesite.com/prog/adduser" method="post">
<p>
<label for="texta"></label> 
<input id="texta" type="text" name="mytext" tabindex="1" />
</p>
</form>
</body>
</html>

English | German | Italiano


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