Zum Inhalt springen
CN
Website-Check

Farben, Schriften und Barrierefreiheit deiner Website

Gib eine Adresse ein, und du bekommst die Farben mit exakten Hex-Werten, die verwendeten Schriften und Hinweise zur Barrierefreiheit aus automatischer Prüfung. Dazu eine kurze Einschätzung, was ich verbessern würde, und einen Stil-Prompt, mit dem deine KI im selben Look arbeitet.

Geprüft wird die eingegebene Seite, nicht die ganze Website. Nichts wird gespeichert. Datenschutz

Häufige Fragen

Was prüft der Website-Check?
Er liest das ausgelieferte HTML und CSS der eingegebenen Seite: Farben mit Hex-Wert und Rolle, CSS-Variablen, Schriften für Fließtext und Überschriften, eingebundene Webfonts. Dazu kommen regelbasierte Prüfungen zur Barrierefreiheit: Kontrast der deklarierten Farbpaare nach WCAG (4,5 : 1), Sprache der Seite, Seitentitel, Zoom, Alternativtexte, Überschriften-Reihenfolge, Beschriftung von Formularfeldern sowie Links und Buttons ohne Namen.
Ist meine Seite barrierefrei, wenn nichts auffällt?
Nein, das kann keine automatische Prüfung sagen. Sie findet typische technische Fehler, aber nicht, ob sich die Seite per Tastatur bedienen lässt, ob Texte verständlich sind oder ob ein Screenreader sinnvoll durch die Seite führt. Dafür braucht es einen Test durch Menschen.
Warum fehlen bei manchen Seiten Farben oder Schriften?
Der Check rendert die Seite nicht, er liest den Quelltext. Seiten, die sich erst per JavaScript aufbauen, oder Farben, die nur in Bildern stecken, erfasst er deshalb nicht vollständig. Manche Seiten sperren automatische Abrufe auch ganz.
Was passiert mit der eingegebenen Adresse?
Mein Server ruft die Seite einmal ab und wertet sie aus. Gespeichert wird nichts, nur für zehn Minuten liegt das Ergebnis im Arbeitsspeicher, damit dieselbe Seite nicht mehrfach abgerufen wird. Für die Zusammenfassung gehen nur die Messwerte an eine KI, keine Angaben über dich.
Wofür ist der Stil-Prompt gut?
Du kopierst ihn in ChatGPT, Claude oder ein Design-Tool, und neue Entwürfe wie Präsentationen, Grafiken oder Landingpages nutzen dieselben Farben und Schriften wie die geprüfte Seite. Die Farbwerte stammen exakt aus dem CSS, nicht aus einer Schätzung.