← Toutes les règles

Balisage

Supprimer <marquee>

• Règle: marquee
• Gravité: Sérieux
• Niveau WCAG A

Pourquoi c’est important

Un texte défilant ne peut pas être mis en pause, reste illisible pour beaucoup de personnes malvoyantes ou dyslexiques, et l’élément est obsolète.

Comment corriger

1. Remplacez-le par du texte statique.
2. Si le mouvement est indispensable, faites-le en CSS, respectez prefers-reduced-motion et ajoutez une commande de pause.

Dans le balisage

<marquee>Breaking news</marquee>

<p class="news-banner">Breaking news</p>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

• 2.2.2 Mettre en pause, arrêter, masquer (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur marquee (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.