Dunklere Zellen bedeuten einen hoeheren Wert auf dieser Kennzahl.
WenigerMehr
Zuletzt geprueft Quellen und CreditsMediennachweisMethodik
Kurze Antworten
Wann waehle ich WCAG-Kontrastprüfung?
Wenn die Geschichte so lautet: UI-Typ, Folientitel, Posterbeschriftungen, Badge-Beschriftungen.
Wann meide ich es?
In Faellen wie: Beurteilung des Markenfarbtons allein, ohne das Paar zu messen.
Wer hat es erfunden oder bekannt gemacht?
WCAG-Kontrastverhältnisse; APCA-Forschung (Myndex) als Modell der nächsten Generation
Was kodiert es?
Helligkeitsunterschied zwischen Vordergrund und Hintergrund
OK in Anzeigen?
Ja, wenn eine Behauptung in Meta, Google und Print auf einen Blick sichtbar ist; sonst zur vollstaendigen Figur verlinken.
Nimmt eine Lehrkraft es ab?
Ja fuer Laborberichte und Plakate, wenn Achsen, Einheiten und eine Quellenzeile da sind.
WCAG-Kontrastprüfung kodiert Werte als Helligkeitsunterschied zwischen Vordergrund und Hintergrund. WCAG-Kontrastverhältnisse; APCA-Forschung (Myndex) als Modell der nächsten Generation.
In Berichten, Anzeigen und Aufgaben: UI-Typ, Folientitel, Posterbeschriftungen, Badge-Beschriftungen. Meiden, wenn Beurteilung des Markenfarbtons allein, ohne das Paar zu messen.
Software
- Color.js — Berechnen Sie Kontrast und Farbräume im Browser oder Node. · MIT · github.com/color-js/color.js
- APCA (SAPC) — Wahrnehmungskontrastmodell für moderne Displays – lesen Sie die Lizenz vor dem Versand. · AGPL-3.0 · github.com/Myndex/SAPC-APCA
- Leonardo — Generieren Sie barrierefreie Themenrampen mit Kontrastzielen. · Apache-2.0 · github.com/adobe/leonardo
- Bootstrap a11y docs — Dokumentierte Kontrastanleitung, die mit einem umfangreichen UI-Toolkit geliefert wird. · MIT · github.com/twbs/bootstrap
- Atlas SVG examples — Vom Server gerenderte Beispiele, die Sie ohne JavaScript lesen können. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Export
- Export 1 — SVG
- Export 2 — PDF
- Export 3 — EMF/SVG in Folien (keine Screenshots)
- Export 4 — SVG fuers Web, PDF fuer den Druck
Barrierefreiheit
- Barrierefreiheit 1 — Nie Farbton allein. Muster, Label und Lage stapeln.
- Barrierefreiheit 2 — 4.5:1 fuer Text, 3:1 fuer grosse Marken.
- Barrierefreiheit 3 — Kurzer Alt-Text am Diagramm; Zahlen auch als HTML-Tabelle.
- Barrierefreiheit 4 — Bewegung nur als Betonung. prefers-reduced-motion achten.
WCAG-Kontrastprüfung: Helligkeitsunterschied zwischen Vordergrund und Hintergrund ehren und wechseln, wenn Beurteilung des Markenfarbtons allein, ohne das Paar zu messen.