Element

img

Fehler-Typ

Potential

Richtlinien

  • Stanca Act
    Richtlinien für GruppenAnforderung 3: Text-Äquivalente
  • Visual Content
    Richtlinien für Gruppen[ _GROUPNAME_90 ]
  • WCAG 2.0 (Level A)
    Richtlinien für Gruppen1.1 Textalternativen: Geben Sie Text Alternativen für Nicht-Text-Inhalt
    Richtlinien für UntergruppenErfolgskriterien 1.1.1 Nicht-Text-Inhalt (A)
  • WCAG 2.0 (Level AA)
    Richtlinien für Gruppen1.1 Text Alternativen: Geben Sie Text Alternativen für alle Nicht-Text-Inhalt
    Richtlinien für UntergruppenErfolgskriterien 1.1.1 Nicht-Text-Inhalt (A)
  • WCAG 2.0 (Level AAA)
    Richtlinien für Gruppen1.1 Textalternativen: Geben Sie Text Alternativen für alle Nicht-Text-Inhalt
    Richtlinien für UntergruppenErfolgskriterien 1.1.1 Nicht-Text-Inhalt (A)
  • WCAG 2.1 (Level AAA)

Anforderung

Alt-Text für alle img -Elemente, die nicht als Quell- Anker verwendet werden vermittelt die gleichen Informationen wie das Bild.

Fehler

Alt Text enthält nicht die gleichen Informationen wie das Bild.

Kurze Beschreibung

Alt-Text für Bilder muss angemessen und sinnvoll für.

Wie ermitteln

Frage Hat der Alt-Text vermitteln die gleichen Informationen wie das Bild?
PASS Alt-Text vermittelt die gleichen Informationen wie das Bild.
Gescheitert Alt Text nicht die gleichen Informationen wie das Bild.

Schritte für die Prüfung

Prozedur

1. Prüfen Sie die einzelnen img Element, das nicht eine Quelle zu verankern und die damit verbundene Aussicht Bild und Alt-Text.
2. Hinweis: Wenn die img Element durch einen a enthalten (Anker) Element und die a (Anker) Element hat ein gültiges href Attribut-Wert dann das Bild einer Quelle zu verankern.

Erwartetes Ergebnis

1. Alt-Text für alle img Elemente, die keinen Source Anker vermittelt die gleichen Informationen wie das Bild.

Ergebnis gescheitert

1. Ändern Sie den alt Attribut-Wert, damit er die gleichen Informationen wie das Bild vermittelt.

Beispiel

Pass Beispiel

Alt text conveys same information as image.
<?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>
<title>OAC Testfile - Check #178 - Negative</title>
</head>
<body>
<p><img src="rex.jpg" alt="a black and brown cat named Rex"/></p>
</body>
</html>

Beispiele gescheitert

Alt text does not convey same information as image.
<?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>
<title>OAC Testfile - Check #178 - Positive</title>
</head>
<body>
<p><img src="rex.jpg" alt="shoes and suits and clothing and ties"/></p>
</body>
</html>

English | German | Italiano


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