Kontrastprüfer FREE
Messen Sie den Kontrast zweier Farben nach WCAG 2.2, sehen Sie, welche Anforderungen das Paar erfüllt, und erhalten Sie den nächsten Farbton, der die verfehlte erreicht.
Kontrast
APCA (Entwurf, zusätzliche Information)
APCA ist das perzeptuelle Kontrastmodell, das für WCAG 3 entworfen wurde. Es ist heute keine Konformitätsanforderung und weicht von WCAG 2 in beide Richtungen ab, deshalb steht es hier als zusätzliche Information und nie als Bestanden oder Durchgefallen.
So sieht es aus
Jede Umrechnung, jede Palette und jeder Kontrastwert auf dieser Seite wird in Ihrem Browser berechnet. Ein hierher gezogenes Bild wird auf einem Canvas in diesem Tab gelesen und niemals hochgeladen.
Was das Verhältnis bedeutet
Das Verhältnis folgt der Definition aus WCAG 2.2: die relative Leuchtdichte der helleren Farbe plus 0,05, geteilt durch dasselbe für die dunklere. 4,5:1 ist die AA-Anforderung für normalen Text, 3:1 für großen Text und für Bedienelemente, 7:1 ist AAA. Eine halbtransparente Farbe wird zuvor über die Seitenfarbe gerechnet, so wie ein Browser sie malt.
Verfehlt ein Paar das Ziel, ist der Vorschlag der nächste Ton derselben Farbe, der es erreicht - gesucht über Helligkeit und Chroma in OKLCH und nach der Rundung auf acht Bit erneut gemessen, der kopierte Hex-Wert ist also der, der wirklich besteht. Eine erfüllte Kontrastanforderung ist ein Erfolgskriterium unter vielen und macht eine Seite für sich genommen nicht barrierefrei.
Website-Audit 2026: Die vollständige Checkliste für SEO, Core Web Vitals, Barrierefreiheit und Sicherheit
Ein gutes Website-Audit ist weder eine einzelne Lighthouse-Punktzahl noch eine Liste mit mehreren Dutzend automatischen Warnungen. Es sollte vier Fragen beantworten: Kann eine Suchmaschine die Website korrekt finden und verstehen? Kann ein Nutzer seine Aufgabe effizient erledigen? Ist die Website schnell genug? Und setzt sie den Betreiber oder die Besucher unnötigen Risiken aus?
Chrome vs. Firefox vs. Edge vs. Safari: Was wir aus der Veröffentlichung von 9 Browser-Erweiterungen gelernt haben
Neun Erweiterungen, vier Browser und deutlich mehr als eine `manifest.json`. Wir zeigen, wo gemeinsam genutzter Code wirklich endet, warum Safari einen eigenen Prozess benötigt und welche Fehler erst Firefox und die Erweiterungs-Stores sichtbar machen.
Claude Code vs OpenAI Codex vs Gemini CLI: der beste KI-Programmieragent 2026
Claude Code, OpenAI Codex und Gemini CLI können Repositorys lesen, Dateien bearbeiten und Tests ausführen, wurden jedoch für unterschiedliche Arbeitsweisen entwickelt. Wir vergleichen Qualität, Benchmarks, Sicherheit, paralleles Arbeiten, Erweiterungen, Preise und Datenschutz.
Bau ein besseres Web, schneller.
Wir entwickeln individuelle Software und Lösungen, die auf Ihre Bedürfnisse zugeschnitten sind.