a11yglass · Barrierefreiheits-Check für Websites

Geprüft am 31.8.2026 · https://www.heise.de/

F
0 / 100
96 kritisch · 11 zu prüfen

96 kritische Barrieren · zusätzlich 11 zu prüfen.

Wie kommt der Score zustande? (100 Startpunkte)
52 von 555 Bildern ohne alt-Attribut-18
4 Formularfeld(er) ohne zugeordnete Beschriftung-18
17 Link(s) ohne erkennbaren Namen-18
6 Schaltfläche(n) ohne Namen-18
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-18
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.21:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.82:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.08:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.46:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.28:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.07:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.90:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.13:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.77:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.09:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.03:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.21:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.90:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.08:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.84:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.28:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.93:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.60:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.13:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.77:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.09:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.03:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.84:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.90:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.64:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.13:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.68:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 1.64:1 (nötig 4.5:1)-6
Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)-6
Keine <h1>-Überschrift-7
6 doppelte id-Attribute-7
Zu geringer Textkontrast: 4.48:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 3.94:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 3.76:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.05:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.05:1 (nötig 4.5:1)-2
Zu geringer Textkontrast: 4.06:1 (nötig 4.5:1)-2
Ergebnis0 / 100
✕Kontrast (101)✕Textalternativen (1)✕Beschriftung (3)?Struktur (1)✓Sprache✓Zoom?Robustheit (1)

Wahrnehmbar

KritischWCAG 1.1.1 Nicht-Text-Inhalt

52 von 555 Bildern ohne alt-Attribut

Beispiele: data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG, data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG, data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZG

img

Das solltest du tun: Jedem <img> ein alt geben: kurze Beschreibung bei sinntragenden Bildern, alt="" bei rein dekorativen.

KritischWCAG 1.3.1 Info und Beziehungen / 4.1.2 Name, Rolle, Wert

4 Formularfeld(er) ohne zugeordnete Beschriftung

Beispiele: input[type=text][name=q], input[type=text][name=q], select[name=in]

input, select, textarea

Das solltest du tun: Jedes Feld mit einem <label for>-Element verbinden oder aria-label / aria-labelledby setzen. Nur ein placeholder reicht nicht.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `input::-moz-placeholder, textarea::-moz-placeholder`: Vordergrund #959595, Hintergrund Seitenhintergrund.

input::-moz-placeholder, textarea::-moz-placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `input::placeholder, textarea::placeholder`: Vordergrund #959595, Hintergrund Seitenhintergrund.

input::placeholder, textarea::placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.21:1 (nötig 4.5:1)

Regel `.text-blue-100`: Vordergrund rgb(214 236 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-blue-100

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)

Regel `.text-blue-50`: Vordergrund rgb(235 245 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-blue-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.82:1 (nötig 4.5:1)

Regel `.text-blue-500`: Vordergrund rgb(56 158 250 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-blue-500

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.text-gray-100`: Vordergrund rgb(224 224 224 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-gray-100

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)

Regel `.text-gray-300`: Vordergrund rgb(174 174 174 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-gray-300

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.text-gray-400`: Vordergrund rgb(149 149 149 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-gray-400

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.text-gray-50`: Vordergrund rgb(242 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-gray-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.08:1 (nötig 4.5:1)

Regel `.text-green-50`: Vordergrund rgb(232 252 228 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-green-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.46:1 (nötig 4.5:1)

Regel `.text-heiseblau-200`: Vordergrund rgb(208 214 222 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heiseblau-200

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.28:1 (nötig 4.5:1)

Regel `.text-heiseblau-400`: Vordergrund rgb(159 173 192 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heiseblau-400

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.07:1 (nötig 4.5:1)

Regel `.text-heisegrau-50`: Vordergrund rgb(246 247 249 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heisegrau-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.90:1 (nötig 4.5:1)

Regel `.text-heisegrau-600`: Vordergrund rgb(138 153 174 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heisegrau-600

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.13:1 (nötig 4.5:1)

Regel `.text-heisegrau-light`: Vordergrund rgb(167 179 194 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heisegrau-light

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)

Regel `.text-heisehellblau`: Vordergrund rgb(100 164 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heisehellblau

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.text-ho-text`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-ho-text

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)

Regel `.text-purchase`: Vordergrund rgb(39 162 9 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-purchase

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.77:1 (nötig 4.5:1)

Regel `.text-red-400`: Vordergrund rgb(248 113 113 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-red-400

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.09:1 (nötig 4.5:1)

Regel `.text-red-50`: Vordergrund rgb(254 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-red-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.text-white`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-white

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.03:1 (nötig 4.5:1)

Regel `.text-yellow-50`: Vordergrund rgb(254 252 232 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-yellow-50

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.ho-text:is(.dark *)`: Vordergrund rgb(224 224 224 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.ho-text:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)

Regel `.ho-text-muted:is(.dark *)`: Vordergrund rgb(174 174 174 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.ho-text-muted:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.ho-inline-link:visited, .ho-has-inline-links a:visited, .rte h2 a:visited, .rte h3 a:visited, .rte h4 a:visited, .rte h5 a:visited, .rte h6 a:visited, .rte p a:visited, .rte ul a:visited, .rte ol a:visited`: Vordergrund #959595, Hintergrund Seitenhintergrund.

.ho-inline-link:visited, .ho-has-inline-links a:visited, .rte h2 a:visited, .rte h3 a:visited, .rte h4 a:visited, .rte h5 a:visited, .rte h6 a:visited, .rte p a:visited, .rte ul a:visited, .rte ol a:visited

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)

Regel `code:is(.dark *)`: Vordergrund rgb(199 199 199 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

code:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.22:1 (nötig 4.5:1)

Regel `&:is(.dark *)::before`: Vordergrund rgb(174 174 174 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

&:is(.dark *)::before

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)

Regel `.tx_green`: Vordergrund rgb(39 162 9 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.tx_green

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.placeholder\:text-gray-400::-moz-placeholder`: Vordergrund rgb(149 149 149 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.placeholder\:text-gray-400::-moz-placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.placeholder\:text-gray-400::placeholder`: Vordergrund rgb(149 149 149 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.placeholder\:text-gray-400::placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.visited\:text-gray-400:visited`: Vordergrund rgb(149 149 149 ), Hintergrund Seitenhintergrund.

.visited\:text-gray-400:visited

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.21:1 (nötig 4.5:1)

Regel `.hover\:text-blue-100:hover`: Vordergrund rgb(214 236 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.hover\:text-blue-100:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.hover\:text-gray-50:hover`: Vordergrund rgb(242 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.hover\:text-gray-50:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.hover\:text-white:hover`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.hover\:text-white:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.hover\:ho-text:hover:is(.dark *)`: Vordergrund rgb(224 224 224 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.hover\:ho-text:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.90:1 (nötig 4.5:1)

Regel `.group\/teaser:hover .group-hover\/teaser\:text-red-300`: Vordergrund rgb(252 165 165 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.group\/teaser:hover .group-hover\/teaser\:text-red-300

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.group\/teaser:hover .group-hover\/teaser\:text-white`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.group\/teaser:hover .group-hover\/teaser\:text-white

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)

Regel `.dark\:text-blue-50:is(.dark *)`: Vordergrund rgb(235 245 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-blue-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark\:text-gray-100:is(.dark *)`: Vordergrund rgb(224 224 224 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-gray-100:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)

Regel `.dark\:text-gray-200:is(.dark *)`: Vordergrund rgb(199 199 199 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-gray-200:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.dark\:text-gray-50:is(.dark *)`: Vordergrund rgb(242 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-gray-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.08:1 (nötig 4.5:1)

Regel `.dark\:text-green-50:is(.dark *)`: Vordergrund rgb(232 252 228 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-green-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.84:1 (nötig 4.5:1)

Regel `.dark\:text-heiseblau-300:is(.dark *)`: Vordergrund rgb(182 192 206 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heiseblau-300:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.28:1 (nötig 4.5:1)

Regel `.dark\:text-heiseblau-400:is(.dark *)`: Vordergrund rgb(159 173 192 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heiseblau-400:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.93:1 (nötig 4.5:1)

Regel `.dark\:text-heiseblau-500:is(.dark *)`: Vordergrund rgb(137 152 173 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heiseblau-500:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.60:1 (nötig 4.5:1)

Regel `.dark\:text-heisegrau-300:is(.dark *)`: Vordergrund rgb(197 205 215 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heisegrau-300:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.13:1 (nötig 4.5:1)

Regel `.dark\:text-heisegrau-400:is(.dark *)`: Vordergrund rgb(167 179 194 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heisegrau-400:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)

Regel `.dark\:text-heisehellblau-400:is(.dark *)`: Vordergrund rgb(100 164 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heisehellblau-400:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.10:1 (nötig 4.5:1)

Regel `.dark\:text-heisehellblau-50:is(.dark *)`: Vordergrund rgb(238 245 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-heisehellblau-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.77:1 (nötig 4.5:1)

Regel `.dark\:text-red-400:is(.dark *)`: Vordergrund rgb(248 113 113 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-red-400:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.09:1 (nötig 4.5:1)

Regel `.dark\:text-red-50:is(.dark *)`: Vordergrund rgb(254 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-red-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.dark\:text-white:is(.dark *)`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-white:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.03:1 (nötig 4.5:1)

Regel `.dark\:text-yellow-50:is(.dark *)`: Vordergrund rgb(254 252 232 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-yellow-50:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.dark\:placeholder-white:is(.dark *)::-moz-placeholder`: Vordergrund rgb(255 255 255 / var(--tw-placeholder-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:placeholder-white:is(.dark *)::-moz-placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.dark\:placeholder-white:is(.dark *)::placeholder`: Vordergrund rgb(255 255 255 / var(--tw-placeholder-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:placeholder-white:is(.dark *)::placeholder

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)

Regel `.before\:dark\:text-heisehellblau-400:is(.dark *)::before`: Vordergrund rgb(100 164 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.before\:dark\:text-heisehellblau-400:is(.dark *)::before

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.53:1 (nötig 4.5:1)

Regel `.after\:dark\:text-heisehellblau-400:is(.dark *)::after`: Vordergrund rgb(100 164 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.after\:dark\:text-heisehellblau-400:is(.dark *)::after

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.dark\:hover\:\!text-white:hover:is(.dark *)`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)) !important, Hintergrund Seitenhintergrund.

.dark\:hover\:\!text-white:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.dark\:hover\:text-gray-50:hover:is(.dark *)`: Vordergrund rgb(242 242 242 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:hover\:text-gray-50:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.84:1 (nötig 4.5:1)

Regel `.dark\:hover\:text-heiseblau-300:hover:is(.dark *)`: Vordergrund rgb(182 192 206 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:hover\:text-heiseblau-300:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.dark\:hover\:text-white:hover:is(.dark *)`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:hover\:text-white:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)`: Vordergrund rgb(224 224 224 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.90:1 (nötig 4.5:1)

Regel `.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)`: Vordergrund rgb(252 165 165 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)`: Vordergrund rgb(255 255 255 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)

Regel `.a-android-native-app-prompt__load-app`: Vordergrund #fff, Hintergrund #27a209.

.a-android-native-app-prompt__load-app

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.64:1 (nötig 4.5:1)

Regel `.a-android-native-app-prompt__close-banner`: Vordergrund #323232, Hintergrund rgba(0,0,0,0).

.a-android-native-app-prompt__close-banner

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `a-color-scheme .a-color-scheme__icon--auto::before`: Vordergrund #959595, Hintergrund Seitenhintergrund.

a-color-scheme .a-color-scheme__icon--auto::before

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `a-color-scheme[state=system] .a-color-scheme__icon--auto::before, a-color-scheme .a-color-scheme__option--auto:hover .a-color-scheme__icon--auto::before`: Vordergrund #fff, Hintergrund Seitenhintergrund.

a-color-scheme[state=system] .a-color-scheme__icon--auto::before, a-color-scheme .a-color-scheme__option--auto:hover .a-color-scheme__icon--auto::before

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.13:1 (nötig 4.5:1)

Regel `a-color-scheme[state=dark] .a-color-scheme__icon--moon, a-color-scheme .a-color-scheme__option--dark:hover .a-color-scheme__icon--moon`: Vordergrund #def5ff, Hintergrund Seitenhintergrund.

a-color-scheme[state=dark] .a-color-scheme__icon--moon, a-color-scheme .a-color-scheme__option--dark:hover .a-color-scheme__icon--moon

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark a-gift-link`: Vordergrund #e0e0e0, Hintergrund Seitenhintergrund.

.dark a-gift-link

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark a-gift-link a, .dark a-gift-link a:visited`: Vordergrund #e0e0e0, Hintergrund Seitenhintergrund.

.dark a-gift-link a, .dark a-gift-link a:visited

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.dark a-gift-link a:hover`: Vordergrund #f2f2f2, Hintergrund Seitenhintergrund.

.dark a-gift-link a:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark a-gift-link dialog`: Vordergrund #e0e0e0, Hintergrund Seitenhintergrund.

.dark a-gift-link dialog

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited`: Vordergrund #e0e0e0, Hintergrund Seitenhintergrund.

.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.dark a-gift-link dialog a:hover`: Vordergrund #f2f2f2, Hintergrund Seitenhintergrund.

.dark a-gift-link dialog a:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.32:1 (nötig 4.5:1)

Regel `.dark a-gift-link dialog .close-btn`: Vordergrund #e0e0e0, Hintergrund Seitenhintergrund.

.dark a-gift-link dialog .close-btn

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.12:1 (nötig 4.5:1)

Regel `.dark a-gift-link dialog .close-btn:hover`: Vordergrund #f2f2f2, Hintergrund Seitenhintergrund.

.dark a-gift-link dialog .close-btn:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.68:1 (nötig 4.5:1)

Regel `a-gift-create-link .create-link-btn:disabled`: Vordergrund #aeaeae, Hintergrund #e0e0e0.

a-gift-create-link .create-link-btn:disabled

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.69:1 (nötig 4.5:1)

Regel `.a-lightbox__caption`: Vordergrund #c7c7c7, Hintergrund Seitenhintergrund.

.a-lightbox__caption

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)

Regel `a-opt-in[is-active] .opt-in__cta.is-disabled, a-opt-in[is-active] .opt-in__cta[disabled]`: Vordergrund #959595, Hintergrund #e0e0e0.

a-opt-in[is-active] .opt-in__cta.is-disabled, a-opt-in[is-active] .opt-in__cta[disabled]

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `a-opt-in[is-active] .opt-in__footnote`: Vordergrund #959595, Hintergrund Seitenhintergrund.

a-opt-in[is-active] .opt-in__footnote

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `a-opt-in[is-active] .opt-in__footnote a`: Vordergrund #959595, Hintergrund Seitenhintergrund.

a-opt-in[is-active] .opt-in__footnote a

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `a-pur-indicator [data-collapse-content]`: Vordergrund #fff, Hintergrund Seitenhintergrund.

a-pur-indicator [data-collapse-content]

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.00:1 (nötig 4.5:1)

Regel `a-pur-indicator [data-collapse-content]>a`: Vordergrund #fff, Hintergrund Seitenhintergrund.

a-pur-indicator [data-collapse-content]>a

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1)

Regel `.a-pvg-deal__shipping`: Vordergrund #959595, Hintergrund Seitenhintergrund.

.a-pvg-deal__shipping

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)

Regel `.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link`: Vordergrund #fff, Hintergrund #27a209.

.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)

Regel `.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]`: Vordergrund #959595, Hintergrund #e0e0e0.

.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)

Regel `.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]`: Vordergrund #959595, Hintergrund #e0e0e0.

.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.36:1 (nötig 4.5:1)

Regel `.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link`: Vordergrund #fff, Hintergrund #27a209.

.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 1.64:1 (nötig 4.5:1)

Regel `.a-topic-dialog-close`: Vordergrund #323232, Hintergrund rgba(0,0,0,0).

.a-topic-dialog-close

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

KritischWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 2.27:1 (nötig 4.5:1)

Regel `.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]`: Vordergrund #959595, Hintergrund #e0e0e0.

.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.48:1 (nötig 4.5:1)

Regel `.text-gray-500`: Vordergrund rgb(119 119 119 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-gray-500

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.94:1 (nötig 4.5:1)

Regel `.text-heisehellblauweb-light`: Vordergrund rgb(65 128 218 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.text-heisehellblauweb-light

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)

Regel `.tx_blue`: Vordergrund rgb(0 123 235 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.tx_blue

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)

Regel `.dark\:text-blue-600:is(.dark *)`: Vordergrund rgb(0 123 235 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-blue-600:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 3.76:1 (nötig 4.5:1)

Regel `.dark\:text-red-500:is(.dark *)`: Vordergrund rgb(239 68 68 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:text-red-500:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.17:1 (nötig 4.5:1)

Regel `.dark\:hover\:text-blue-600:hover:is(.dark *)`: Vordergrund rgb(0 123 235 / var(--tw-text-opacity, 1)), Hintergrund Seitenhintergrund.

.dark\:hover\:text-blue-600:hover:is(.dark *)

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.05:1 (nötig 4.5:1)

Regel `.a-pvg-deal__button:hover`: Vordergrund #fff, Hintergrund rgb(35.1,145.8,8.1).

.a-pvg-deal__button:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.05:1 (nötig 4.5:1)

Regel `.supporter__submit[type=submit]:hover`: Vordergrund #fff, Hintergrund rgb(35.1,145.8,8.1).

.supporter__submit[type=submit]:hover

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Zu prüfenWCAG 1.4.3 Kontrast (Minimum)

Zu geringer Textkontrast: 4.06:1 (nötig 4.5:1)

Regel `a-topic .topic-label`: Vordergrund #fff, Hintergrund #ed3725.

a-topic .topic-label

Das solltest du tun: Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.

Bedienbar

KritischWCAG 2.4.4 Linkzweck / 4.1.2 Name, Rolle, Wert

17 Link(s) ohne erkennbaren Namen

Leere Links oder nur ein Icon/Bild ohne alt. Beispiele: <a-click-performance>, <a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:, <a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative

a

Das solltest du tun: Sichtbaren Linktext ergänzen, oder bei Icon-Links aria-label bzw. ein Bild mit alt verwenden.

KritischWCAG 4.1.2 Name, Rolle, Wert

6 Schaltfläche(n) ohne Namen

Buttons ohne Text und ohne aria-label sind für Screenreader stumm.

button

Das solltest du tun: Button-Text ergänzen oder aria-label setzen.

Zu prüfenWCAG 1.3.1 Info und Beziehungen / 2.4.6 Überschriften und Beschriftungen

Keine <h1>-Überschrift

Jede Seite sollte mit genau einer h1 beginnen.

body

Das solltest du tun: Eine aussagekräftige <h1> als erste Überschrift einfügen.

Robust

Zu prüfenWCAG 4.1.1 Parsen (veraltet, aber weiterhin relevant für Zuordnungen)

6 doppelte id-Attribute

z. B. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Bricht label-for- und aria-Zuordnungen.

[id]

Das solltest du tun: IDs eindeutig vergeben.

Nächste Schritte

  1. 52 von 555 Bildern ohne alt-Attribut. Jedem <img> ein alt geben: kurze Beschreibung bei sinntragenden Bildern, alt="" bei rein dekorativen.
  2. 4 Formularfeld(er) ohne zugeordnete Beschriftung. Jedes Feld mit einem <label for>-Element verbinden oder aria-label / aria-labelledby setzen. Nur ein placeholder reicht nicht.
  3. 17 Link(s) ohne erkennbaren Namen. Sichtbaren Linktext ergänzen, oder bei Icon-Links aria-label bzw. ein Bild mit alt verwenden.
  4. 6 Schaltfläche(n) ohne Namen. Button-Text ergänzen oder aria-label setzen.
  5. Zu geringer Textkontrast: 3.00:1 (nötig 4.5:1). Farben anpassen, bis mindestens 4.5:1 erreicht ist (dunklerer Text oder hellerer Hintergrund). Ein Kontrast-Prüfer hilft beim Feinjustieren.
Diese Seite automatisch überwachen?

Wöchentlicher Re-Scan, JS-gerendert, E-Mail bei neuen Barrieren — kommt bald.

Barrierefreiheitserklärung erstellen →

Methodik & Grenzen

Geprüft wurde am 31.8.2026 das HTML, das www.heise.de beim ersten Aufruf ohne Login ausliefert, plus bis zu vier verlinkte CSS-Dateien derselben Domain. Geprüft: Farbkontrast (aus CSS), Textalternativen, Formular-Beschriftung, Bedienelement-Namen, Überschriften-Struktur, Seiten­titel und -sprache, Zoom-Sperre, doppelte IDs, positive tabindex-Werte, Landmarks.

Nicht geprüft: alles, was per JavaScript entsteht, Tastatur-Bedienbarkeit, sichtbarer Fokus, Fokus-Reihenfolge, Screenreader-Ansage, Inhalte hinter Login, Unterseiten. Der automatische Test findet grob 20–35 % der WCAG-Verstöße — der Rest braucht eine manuelle Prüfung. Momentaufnahme, kein Rechtsurteil.

Andere Website prüfen