WCAG 2.1-Kontrastprüfung zwischen beliebigen Vordergrund- und Hintergrundfarben.
Beispiel für große Überschrift
Beispiel für Fließtext. Der schnelle braune Fuchs springt über den faulen Hund.
APCA modelliert die menschliche Wahrnehmung: es berücksichtigt Polarität, Textgröße und -gewicht, sodass es die Lesbarkeit in der Praxis besser vorhersagt als das WCAG 2.1-Verhältnis. Lc 75+ für Fließtext, 60+ für großen Text.
APCA berücksichtigt Polarität: Hell auf Dunkel und Dunkel auf Hell erhalten unterschiedliche Werte, daher ergibt das Vertauschen von Vordergrund/Hintergrund ein anderes Lc – beabsichtigt, kein Fehler.
APCA geht über Bestanden/Nicht bestanden hinaus – diese Tabelle zeigt die minimal lesbare Schriftgröße pro Gewicht bei diesem Kontrast, direkt aus der offiziellen APCA-Schriftartensuche.
Größere Größen lesen sich besser; 777 bedeutet, dass dieses Gewicht bei diesem Kontrast nicht zulässig ist. Sehr schwere Gewichte (900) können bei kleinen Größen größere Abmessungen erfordern.
WCAG 2.1-Kontrast zwischen zwei Farben, mit Live-AA/AAA-Bewertungen über vier Ebenen.
Füge einen HEX-Code für Vordergrund und Hintergrund ein; der Beispieltext wird sofort neu gerendert.
Fließtext (4,5:1) und großer Text (3:1) werden separat bewertet, das Verhältnis wird live aktualisiert.
Schlägt es fehl? Passen Sie die Helligkeit an, bis es funktioniert; für Buttons und Überschriften reicht AA.
Vier Fragen, die bei der Umsetzung von Barrierefreiheit häufig auftauchen.
Machen Sie weiter und setzen Sie die Farben ein.
Jede Farbe in eine 11-stufige Designsystem-Skala, wahrnehmungsgleichmäßig in OKLCH, WCAG-Kontrast pro Stufe, Export nach Tailwind/CSS/SCSS/JSON.
Geben Sie einen RAL-, Pantone- oder NCS-Code – oder einen beliebigen HEX – ein und stimmen Sie ihn über alle 10 Standardsysteme mit CIEDE2000 ΔE ab.
Simulieren Sie 8 Arten von Farbsehstörungen, um die Barrierefreiheit zu prüfen.
Leertaste zum Zufallsgenerieren, Sperren, Ziehen zum Neuordnen, Teilen per URL – alles, was ein Paletten-Board können sollte.