Kostenloses Tool · BarrierefreiheitIst Ihr Text für alle gut lesbar?

Wählen Sie Text- und Hintergrundfarbe und sehen Sie sofort, ob die Kombination die Anforderungen der WCAG erfüllt.

Textfarbe

Hintergrund

Gut lesbarer Text?So sieht normaler Fließtext in dieser Kombination aus.

Kontrastverhältnis

AA normaler Text (4,5 : 1)

AA großer Text (3 : 1)

AAA normaler Text (7 : 1)

AAA großer Text (4,5 : 1)

Grundlage sind die Kontrastanforderungen der WCAG 2.1. Für Websites nach dem Barrierefreiheitsstärkungsgesetz gilt in der Regel Stufe AA.

Warum Kontraste wichtig sind

Zu schwache Kontraste gehören zu den häufigsten Barrieren auf Websites. Hellgrauer Text auf weißem Grund sieht elegant aus, ist für viele Menschen aber schwer lesbar, besonders auf dem Smartphone im Freien.

Die WCAG verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5 zu 1 und für großen Text von 3 zu 1. Diese Werte sind auch die Orientierung für Websites, die unter das Barrierefreiheitsstärkungsgesetz fallen.