Corriger « Rechargement ou redirection automatique » en HTML
Pourquoi c'est un problème
Une balise <meta http-equiv="refresh"> avec un délai recharge ou quitte la page sans que l'utilisateur l'ait demandé. Une personne qui lit lentement, navigue au lecteur d'écran ou remplit un champ perd sa position et sa saisie au milieu de la tâche.
Comment corriger — HTML
Pour une redirection, faites-la côté serveur (HTTP 301 ou 308) : c'est aussi ce que préfèrent les moteurs de recherche. Pour une page qui doit se mettre à jour, rafraîchissez seulement la zone concernée en JavaScript, ou proposez un bouton « Actualiser ». axe-core tolère un délai de 0 (redirection immédiate) ; tout délai d'une seconde à vingt heures est signalé.
<!-- Recharge la page toutes les 30 secondes -->
<meta http-equiv="refresh" content="30">
<!-- Redirige après 5 secondes -->
<meta http-equiv="refresh" content="5; url=/nouvelle-adresse"><!-- Redirection : côté serveur, par exemple dans nginx -->
<!-- location = /ancienne-adresse { return 301 /nouvelle-adresse; } -->
<!-- Mise à jour : l'utilisateur garde la main -->
<button type="button" id="actualiser">Actualiser les résultats</button>
<div aria-live="polite" id="resultats">…</div>Vérifiez votre site en 30 secondes
Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.
Scan gratuit