Français
a11yglass · Contrôle d'accessibilité pour sites web

Vérifié le 31/08/2026 · https://www.spiegel.de/

F
0 / 100
32 critiques · 7 à vérifier

32 barrièren critiquen · en plus, 7 à vérifier.

Comment le score est-il calculé ? (100 points de départ)
{n} champ(s) de formulaire sans étiquette identifiable-18
{n} lien(s) sans nom identifiable dans le HTML-18
{n} bouton(s) sans nom dans le HTML-18
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-18
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-6
Aucun titre <h1> dans le HTML livré-7
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant-2
Résultat0 / 100
Contraste (35)Alternatives textuellesÉtiquetage (3)?Structure (1)LangueZoomRobustesse

Perceptible

CritiqueWCAG 1.3.1 Information et relations / 4.1.2 Nom, rôle et valeur

{n} champ(s) de formulaire sans étiquette identifiable

Vérifiez si un aria-label est défini via JavaScript.

input, select, textarea

Ce que vous devriez faire : Relier chaque champ à un élément <label for> ou définir aria-label / aria-labelledby. Un simple placeholder ne suffit pas.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.button-spon

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.button-effi

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.button-mmo

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.button-hbm

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

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

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

input::placeholder, textarea::placeholder

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

body .richtext--inverted p

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

body .richtext--inverted a

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

body .richtext--inverted a:focus

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.richtextcredit.richtextcredit--inverted a

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.richtextsystem.richtextsystem--inverted a

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.richtextsystem.richtextsystem--inverted a:hover

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.richtextsystem.richtextsystem--inverted a:focus

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-shade-base

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-shade-light

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-shade-lighter

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-shade-lightest

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-white

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.placeholder-shade-base::-moz-placeholder

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.placeholder-shade-base::placeholder

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.hover\:text-shade-lighter:hover

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.hover\:text-shade-lightest:hover

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.hover\:text-white:hover

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.focus\:text-shade-base:focus

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.focus\:text-shade-lighter:focus

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.focus\:text-white:focus

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.disabled\:text-shade-base:disabled

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.disabled\:text-shade-light:disabled

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

CritiqueWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.peer:disabled~.peer-disabled\:text-shade-base

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.debug.svelte-1x5iokp

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-effi-primary-base

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-elf-primary-base

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-shade-dark

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.text-spon-primary-base

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

À vérifierWCAG 1.4.3 Contraste (minimum)

{n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant

Requis : 4,5:1 (normal) ou 3:1 (grand texte). En cas de « fond de page supposé », le fond réel n'a pas pu être déterminé avec certitude — dans le doute, vérifier dans le navigateur. Trouvé notamment : {examples}

.disabled\:text-shade-dark:disabled

Ce que vous devriez faire : Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.

Utilisable

CritiqueWCAG 2.4.4 Fonction du lien / 4.1.2 Nom, rôle et valeur

{n} lien(s) sans nom identifiable dans le HTML

Liens vides ou réduits à une icône/image sans alt. Un aria-label défini via JavaScript n'est pas détecté ici.

a

Ce que vous devriez faire : Ajouter un texte de lien visible, ou pour les liens-icônes utiliser aria-label ou une image avec alt.

CritiqueWCAG 4.1.2 Nom, rôle et valeur

{n} bouton(s) sans nom dans le HTML

Les boutons sans texte ni aria-label sont muets pour les lecteurs d'écran — sauf si le nom est défini via JavaScript.

button

Ce que vous devriez faire : Ajouter le texte du bouton ou définir aria-label.

À vérifierWCAG 1.3.1 Information et relations / 2.4.6 En-têtes et étiquettes

Aucun titre <h1> dans le HTML livré

Chaque page devrait commencer par exactement un h1. Sur les pages construites en JavaScript, le h1 peut n'apparaître que dans le navigateur — vérifier alors dans le DOM rendu.

body

Ce que vous devriez faire : Insérer un <h1> explicite comme premier titre (si possible dès le serveur).

Déjà correctement traité

Prochaines étapes

  1. {n} champ(s) de formulaire sans étiquette identifiable. Relier chaque champ à un élément <label for> ou définir aria-label / aria-labelledby. Un simple placeholder ne suffit pas.
  2. {n} lien(s) sans nom identifiable dans le HTML. Ajouter un texte de lien visible, ou pour les liens-icônes utiliser aria-label ou une image avec alt.
  3. {n} bouton(s) sans nom dans le HTML. Ajouter le texte du bouton ou définir aria-label.
  4. {n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant. Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.
  5. {n} règle{nPlural} CSS avec un contraste de texte potentiellement insuffisant. Assombrir la couleur du texte ou éclaircir le fond jusqu'à atteindre la valeur minimale requise. Ne jamais utiliser la couleur comme unique moyen de distinction.
Surveiller cette page automatiquement ?

Nouveau scan hebdomadaire, avec rendu JS, e-mail en cas de nouvelle barrière — bientôt disponible.

Créer une déclaration d'accessibilité →

Méthode & limites

Le 31/08/2026, nous avons vérifié le HTML que www.spiegel.de livre au premier accès sans connexion, plus jusqu'à quatre fichiers CSS liés du même domaine. Vérifiés : contraste des couleurs (d'après le CSS), alternatives textuelles, étiquetage des formulaires, noms des éléments d'interface, structure des titres, titre et langue de la page, blocage du zoom, identifiants dupliqués, valeurs tabindex positives, points de repère.

Non vérifiés : tout ce qui est généré par JavaScript, l'utilisabilité au clavier, la visibilité du focus, l'ordre de focus, l'annonce par lecteur d'écran, les contenus derrière une connexion, les sous-pages. Le test automatique détecte environ 20 à 35 % des infractions WCAG — le reste nécessite un audit manuel. Instantané, pas un jugement juridique.

Vérifier un autre site