Die kurze Antwort
Gib jeder Reihe eine sichtbare Kennung über den Farbton hinaus, erhalte Werte als Text und prüfe Kontrast im tatsächlichen Export. Beschriftungen, Linienstile und Punktformen tragen Unterschiede, die eine reine Farblegende verliert. Text- und Grafikkontrast haben unterschiedliche Geltungsbereiche. Gerundeter Wert oder schöne Palette bestätigen keine vollständige Zugänglichkeit.
Das nimmst du mit
- Sichtbare zusätzliche Reihenmerkmale statt nur Farbnamen nutzen.
- Tatsächliche Vorder-/Hintergrundwerte und passenden Maßstab prüfen.
- Kontrastfehler nicht aufrunden oder Leserfolg ableiten.
Den nötigen Unterschied benennen
Festhalten, was Farbe bedeutet: Linienzugehörigkeit, Kategoriegruppe, geordnete Größe oder hervorgehobener Punkt. Rot und Grün dürfen nicht allein „fehlgeschlagen“ und „fertig“ tragen. W3Cs Farbkriterium betrifft sichtbare Alternativen. Versteckter Ersatztext allein hilft sehenden Menschen mit schwer unterscheidbaren Farbtönen nicht.
Kategoriezuordnung zwischen Grafiken, Karussell und Erklärung gleich halten. ONS empfiehlt wenige nötige Farben und konsistente Kategorien. Braucht eine Kategorienmenge keine besondere Gruppierung, kann ein geeigneter einheitlicher Farbton klarer sein als eine andere Farbe für jeden Balken.
Ein vollständiges konstruiertes Zweireihenbeispiel prüfen
Die eigene Vorlage hat drei Beobachtungen. Reihe A: 3, 5, 6 Checks; B: 6, 5, 4. Beide treffen sich bei 5. Im Problembeispiel hängen farbige Linien von einer getrennten Farblegende ab. In der Überarbeitung tragen direkte A/B-Namen, durchgezogene/gestrichelte Linien und verschiedene Punktformen die Zuordnung.
Die neuen Zeichen brauchen bewusst keine zwei unterscheidbaren Farbtöne: Beide können dieselbe dunkle Linienfarbe nutzen, während Muster und Namen verschieden sind. Alle sechs Zahlen stehen auch im Text und Paket. Das prüft eine bestimmte Kodierung, nicht Lesbarkeit für alle Menschen oder Gleichwertigkeit sämtlicher Graustufenansichten.
| Beobachtung | A: Checks | B: Checks |
|---|---|---|
| 1 | 3 | 6 |
| 2 | 5 | 5 |
| 3 | 6 | 4 |
Passenden Kontrastmaßstab ohne Aufrunden verwenden
WCAGs Textkriterium verlangt für normalen Text mindestens 4,5:1, für entsprechend großen Text 3:1 und nennt Ausnahmen. Das Nichttextkriterium betrifft nötige Kontroll-/Zustandsmerkmale und zum Verständnis erforderliche Grafikteile, grundsätzlich mindestens 3:1 zur Nachbarfarbe. Text gegen Weiß zu messen klärt nicht automatisch jede Linienkreuzung oder jeden Zustand.
Erklärte Vorder-/Hintergrundfarben und passende Methode nutzen. Das Paket berechnet relative sRGB-Leuchtdichte und erhält den ungerundeten Wert. #777777 auf Weiß ergibt etwa 4,478:1, also unter 4,5:1 für normalen Text. Auf 4,5 gerundete Anzeige macht daraus keinen erfüllten Grenzwert.
Drei konstruierte Farbprüfungen lösen
C1 — Konstruierte Kreuzung A 3/5/6 und B 6/5/4, einziger Unterschied Farbton. Entscheidung: direkte Kennungen, Linien-/Punktmerkmale und vollständige Datenentsprechung ergänzen. Ergebnis: Reihenidentität in der neuen Vorlage erhalten, keine Farbsehstudie oder gemessene Präferenz.
C2 — Konstruierter normaler Text #777777 auf Weiß: ungerundeter Kontrast ungefähr 4,478. Entscheidung: tatsächlichen Wert mit 4,5 vergleichen, stärkere passende Kombination wählen und erneut prüfen. Ergebnis: kein Erfolg allein durch Anzeigeaufrundung auf 4,5.
C3 — Konstruierter mehrseitiger Rückblick: Blau bedeutet zuerst A, danach B. Entscheidung: Zuordnung stabilisieren und A/B-Namen auf jeder gelieferten Seite erhalten. Ergebnis: geprüfte Konsistenzkorrektur; Graustufenvorschau oder Palettenname bestätigt weiterhin nicht alle Menschen oder Ziele.
Zeichen, Text und Alternative gemeinsam prüfen
Die gelieferte Grafik in geplanter Größe ansehen. Dünne geglättete Linien, enge Schrift, Beschnitt und ausgetauschter Hintergrund bleiben trotz gutem Quellkontrast relevant. Nötige Nachbargrenzen, direkte Namen und vollständige Text-/Datenerklärung prüfen, nicht eine Kontrastzahl als Gesamtprüfung ausgeben.
Eine feste Schriftpixelzahl im großen Quell-SVG beweist nach Verkleinerung keine Großtextausnahme. Tatsächliche Größe und Schrift sind maßgeblich. Die eigenen Grafiken sind statische Übungen mit vollständigen Begleitwerten. Sie bestätigen weder LinkedIn-Verarbeitung noch Screenreader-Navigation oder menschliche Wahrnehmung.
Genaue Kodierung und Ergebnisumfang erhalten
Der Bogen hält Reihen-/Kategoriebedeutung, alte/neue Merkmale, Farben, Kontrastumfang, ungerundetes Verhältnis, Exportidentität, vollständige Datenentsprechung und echte Prüfungen fest. Das Paket enthält eigene zweisprachige SVGs, konstruierte Werte und ein Rezept mit bestehenden React/Recharts-Abhängigkeiten.
Passende W3C-Farb-, Text-/Nichttextkontrast- und ONS-Farbhilfe wurde am 1. November 2026 gelesen. Rechnung und native Darstellung betreffen nur eigene Vorlagen. Keine privaten Grafiken, echten Zielgruppen, Zugänglichkeitsteilnehmenden oder Geschäftsergebnisse wurden gemessen.
Quellen & Produktinformationen
Produktangaben beziehen sich auf den Stand dieser Veröffentlichung. Externe Funktionen und Oberflächen können sich ändern.
