Checks für Texte:

• [ ] Texte: Größer als 24px haben einen Mindestkontrast von 3:1 zum Hintergrund
• [ ] Texte: Kleiner als 24px haben einen Mindestkontrast von 4,5:1 zum Hintergrund
• [ ] Texte auf oder in Bildern: Größer als 24px, haben einen Mindestkontrast von 3:1 zum Hintergrund
• [ ] Texte auf oder in Bildern: Kleiner als 24px, haben einen Mindestkontrast von 4,5:1 zum Hintergrund

Checks für Linktexte:

• [ ] Linktexte: Haben einen Kontrast von 4,5:1 zum Hintergrund, in allen Zuständen (Hover, Aktiv)
• [ ] Linktext im Fließtext: Kontrast von 3:1 zum umgebenden Text (wenn es keine andere Möglichkeit der Unterscheidung gibt: z. B. Link ist unterstrichen)

Checks für Bedienelemente:

• [ ] Bedienelemente: Haben einen Kontrast von 3:1 zum Hintergrund
• [ ] Bedienelementen mit Text: Kontrast eines Bedienelements ist kleiner als 3:1, aber dafür hat die Schrift auf dem Element einen Kontrast von mindestens 4,5:1 zum Hintergrund.
• [ ] Fokusrahmen um Bedienelemente: Haben immer einen Mindestkontrast von 3:1

Checks für Infografiken:

• [ ] Infografiken: Die Kontraste von Elemente in Infografiken haben einen Mindestkontrast von 3:1 zum Hintergrund und zu den anderen Elementen

Tools zum Checken der Kontraste: