Barrierefreiheit · WCAG 2.2 AA & BFSG

BFSG & WCAG 2.2 Farbkontrast-Rechner

Testen Sie Text-, Überschriften- und Button-Farben in Echtzeit auf gesetzliche Barrierefreiheit (4,5:1 AA / 7,0:1 AAA) und prüfen Sie in 30 Sekunden, ob Ihr Unternehmen unter das BFSG fällt.

1. Farbkontrast nach WCAG 2.2 AA & AAA berechnen

Gemessenes Kontrastverhältnis
14.68 : 1
Live-Darstellung auf Ihrer Website
Barrierefreie Überschrift (Großtext 24 px)

So lesen Besucherinnen und Besucher Ihren normalen Fließtext (16 px) auf Smartphone und Desktop. Ein Kontrast ab 4,5:1 stellt sicher, dass Inhalte auch bei Sonnenlicht oder Sehschwäche mühelos erkennbar bleiben.

Beispiel-Button / UI-Element

2. BFSG-Pflicht-Schnellcheck (§ 3 Abs. 3 BFSG)

Warum gute Farbkontraste gleichzeitig Barrierefreiheit, UX und Google-Rankings stärken

Hellgraue Schrift auf weißem Grund wirkt auf großen Agenturmonitoren mitunter filigran, führt auf Smartphones bei Tageslicht jedoch regelmäßig zu hohen Absprungraten. Die Web Content Accessibility Guidelines (WCAG 2.2) berechnen den relativen Leuchtdichte-Abstand zweier Farben auf einer Skala von 1:1 (unsichtbar) bis 21:1 (Tiefschwarz auf Reinweiß). Mit dem Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) ist die Konformitätsstufe AA (mindestens 4,5:1 für Standardtext) zum verbindlichen Maßstab im deutschen Webdesign geworden.

Häufige Fragen zum BFSG- & Kontrast-Rechner

Welches Kontrastverhältnis schreibt das Barrierefreiheitsstärkungsgesetz (BFSG) vor?

Das BFSG verweist über die europäische Norm EN 301 549 auf die Erfolgskriterien der WCAG 2.1 / 2.2 Konformitätsstufe AA. Für normalen Fließtext ist ein Mindestkontrast von 4,5:1 zum Hintergrund erforderlich, für großen Text (ab 18 pt bzw. 24 px oder ab 14 pt / 18,66 px fett) sowie für bedienbare UI-Elemente und Formularrahmen mindestens 3,0:1.

Welche Unternehmen sind von der gesetzlichen BFSG-Pflicht ausgenommen?

Nach § 3 Abs. 3 BFSG sind Kleinstunternehmen, die Dienstleistungen im elektronischen Geschäftsverkehr anbieten, ausgenommen, sofern sie weniger als 10 Personen beschäftigen UND entweder einen Jahresumsatz oder eine Jahresbilanzsumme von höchstens 2 Millionen Euro erzielen. Dennoch verbessert barrierefreies Webdesign nachweislich Conversion-Rate und SEO für alle Betriebe.

Alle kostenlosen Tools Kostenlosen BFSG- & Website-Check anfordern