Element

img

Fehler-Typ

Potential

Richtlinien

  • BITV 1.0 (Level 2)
    Richtlinien für GruppenLevel 1
    Richtlinien für Untergruppen2.1 Sicherstellen, dass alle mit Farbe dargestellte Information auch ohne Farbe verfügbar, z. B. im Kontext oder im Markup.
  • Section 508
    Richtlinien für GruppenC - Farbe auch ohne Farbe verfügbar
  • Stanca Act
    Richtlinien für GruppenAnforderung 4: Spezifische Farbe
  • Visual Content
    Richtlinien für Gruppen[ _GROUPNAME_90 ]
  • WCAG 1.0 (Level A)
    Richtlinien für GruppenPriorität 1
    Richtlinien für Untergruppen2.1 Sicherstellen, dass alle mit Farbe dargestellte Information auch ohne Farbe verfügbar, z. B. im Kontext oder im Markup.
  • WCAG 1.0 (Level AA)
    Richtlinien für GruppenPriorität 1
    Richtlinien für Untergruppen2.1 Sicherstellen, dass alle mit Farbe dargestellte Information auch ohne Farbe verfügbar, z. B. im Kontext oder im Markup.
  • WCAG 1.0 (Level AAA)
    Richtlinien für GruppenPriorität 1
    Richtlinien für Untergruppen2.1 Sicherstellen, dass alle mit Farbe dargestellte Information auch ohne Farbe verfügbar z. B. im Kontext oder im Markup.
  • WCAG 2.0 (Level A)
    Richtlinien für Gruppen1.4 Unterscheidbar: Machen Sie es einfacher für die Benutzer zu sehen und zu hören Inhalt einschließlich Trennung von Vordergrund-Hintergrund.
    Richtlinien für UntergruppenErfolgskriterien 1.4.1 Verwendung von Farbe (A)
  • WCAG 2.0 (Level AA)
    Richtlinien für Gruppen1.4 Unterscheidbare: Machen Sie es einfacher für die Benutzer zu sehen und zu hören Inhalt einschließlich Trennung von Vordergrund-Hintergrund.
    Richtlinien für UntergruppenErfolgskriterien 1.4.1 Verwendung von Farbe (A)
  • WCAG 2.1 (Level AAA)

Anforderung

Für alle img -Elemente, enthälti Text nicht durch Farbe allein um sich auf das Bild zu beziehen..

Fehler

Bild kann nur Farbe enthalten.

Kurze Beschreibung

Dieser Fehler ist für alle img Elemente, die eine Breite und Höhe von mehr als 100 generiert haben.

Rational

Sie sollten nicht beschreiben ein Bild oder einen Teil eines Bildes mit Farbe allein. Zum Beispiel, wenn es um ein Foto, sollten Sie nicht sagen: "Mein Sohn trägt einen roten Mantel". Stattdessen sagen: "mein Sohn ist dritter von links trägt einen roten Mantel".

Wie ermitteln

Frage Gibt es irgendwelche Hinweise auf dieses Bild mit Farbe allein?
PASS Es gibt keine Hinweise auf diesem Bild, das nur aus Farbe besteht.
Gescheitert Es gibt einen Verweis auf dieses Bild mit Farbe allein.

Schritte für die Prüfung

Prozedur

1. Zeigen Sie den Text des Dokuments.
2. Überprüfen Sie jedes Bild im Dokument.
3. Sehen Sie sich die alt-Text für jedes Bild.

Erwartetes Ergebnis

1. Für alle -Elemente, wird Text nicht allein die Farbe auf das Bild bezogen.

Ergebnis gescheitert

1. Ändern Sie den Text so dass es nicht um das Bild zu finden ist durch die Farbe allein.

Beispiel

Pass Beispiel

Image is not referenced within document text by color alone.
<?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 #14.2 - Negative</title>
</head>
<body>
<h1>Clayton's Class</h1>

<p>This is Clayton's class photo from 2004. Clayton is third from the left wearing a red coat and no boots.</p>

<p><img src="kids.jpg" alt="class photo showing 6 children"/></p>

</body>
</html>

Beispiele gescheitert

Image is referenced by color alone.
<?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 #14.1 - Positive</title>
</head>
<body>
<h1>Clayton's Class</h1>

<p>This is Clayton's class photo from 2004. Clayton is the one wearing a red coat.</p>

<p><img src="kids.jpg" alt="class photo showing 6 children"/></p>

</body>
</html>

English | German | Italiano


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