Vérifié le 24/09/2026 · https://www.zeit.de/index
Aucune barrière critique dans le HTML vérifié · 3 pointe à contrôler.
Comment le score est-il calculé ? (100 points de départ)
| 2 champ(s) de formulaire sans étiquette identifiable | -7 |
| Niveau de titre sauté | -7 |
| 1 attributs id en double | -7 |
| Résultat | 79 / 100 |
Perceptible
2 champ(s) de formulaire sans étiquette identifiable
Vérifiez si un aria-label est défini via JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
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.
Utilisable
Niveau de titre sauté
Ordre : 1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4. Les niveaux ne devraient pas être sautés (h2 → h4).
h1–h6
Ce que vous devriez faire : Attribuer les niveaux de titre sans rupture.
Robuste
1 attributs id en double
p. ex. svg-zplus. Casse les associations label-for et aria.
[id]
Ce que vous devriez faire : Attribuer des id uniques.
Déjà correctement traité
- Alternatives textuelles : aucun problème détectable automatiquement
- Lien d'évitement vers le contenu présent
- Point de repère <main> présent
- Contraste : aucune infraction manifeste trouvée dans le CSS
Prochaines étapes
- 2 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.
- Niveau de titre sauté. Attribuer les niveaux de titre sans rupture.
- 1 attributs id en double. Attribuer des id uniques.
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 24/09/2026, nous avons vérifié le HTML que www.zeit.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.
Les widgets overlay (boutons d’accessibilité qui modifient le contraste ou la police) ne rendent pas un site conforme — les obstacles détectés doivent être corrigés dans le code source. Pourquoi les overlays n’aident pas