« Les pages doivent être consultables et compréhensibles sans que leur usage repose sur un seul type de dispositif ou de perception » — ce principe, au cœur du Référentiel général d’amélioration de l’accessibilité, a pris une résonance particulière lors d’un audit récent mené sur le thème d’un site de collectivité, conduit en parallèle d’un second audit portant sur le Speculative Loading, cette fois activé nativement depuis WordPress 6.8.
Ce billet revient sur la conduite conjointe de ces deux audits, menés sur le même thème et la même période. Il ne traite pas les obligations légales détaillées du RGAA elles-mêmes, ni la configuration serveur du Speculative Loading : uniquement ce que cette double conduite d’audit a révélé de commun entre les deux sujets.
Pourquoi mener ces deux audits ensemble
À première vue, accessibilité et préchargement spéculatif de pages n’ont rien en commun : l’un concerne la perception et la navigation par des utilisateurs en situation de handicap, l’autre concerne une optimisation de performance côté navigateur. L’expérience de cet audit conjoint a révélé un point de friction partagé : les deux sujets exigent une extrême prévisibilité du comportement des liens du site.
Le point commun : des liens qui déclenchent plus qu’une navigation
Un audit RGAA vérifie notamment que chaque lien a un intitulé explicite et un comportement prévisible au clic ou à l’activation clavier. Le Speculative Loading, de son côté, précharge en arrière-plan la page vers laquelle pointe un lien, avant même que l’utilisateur ne clique dessus, sur la seule base d’un survol ou d’une intention de navigation détectée par le navigateur.
Sur ce thème de collectivité, plusieurs liens du menu de navigation exécutaient, en plus de leur navigation normale, une action JavaScript secondaire au clic — un comportement déjà signalé comme problématique par l’audit RGAA, car imprévisible pour un lecteur d’écran. Le même comportement posait un second problème avec le Speculative Loading : un simple survol du lien, sans intention réelle de clic, suffisait à déclencher cette action secondaire de façon prématurée.
Le correctif commun aux deux audits
Le correctif retenu a consisté à séparer strictement la navigation (gérée par l’attribut href natif du lien) de toute action secondaire, désormais déclenchée uniquement après confirmation du clic réel, jamais au survol ni à la simple présence dans le DOM.
// Avant : action déclenchée au survol via mouseover, incompatible RGAA et speculation rules
document.querySelectorAll( '.lien-menu' ).forEach( ( lien ) => {
lien.addEventListener( 'mouseover', () => enregistrerStatistique( lien ) );
} );
// Après : action déclenchée uniquement au clic confirmé
document.querySelectorAll( '.lien-menu' ).forEach( ( lien ) => {
lien.addEventListener( 'click', () => enregistrerStatistique( lien ) );
} );Ce correctif a résolu simultanément les deux signalements d’audit, sans nécessiter deux campagnes de correction distinctes. C’est précisément l’intérêt de mener les deux audits en parallèle plutôt que successivement : les points de friction communs se traitent une seule fois.
Exclure certaines zones du préchargement spéculatif
Sur les pages contenant des formulaires de démarches administratives, le thème exclut désormais explicitement le préchargement spéculatif via les règles de spéculation configurables depuis WordPress 6.8, pour éviter qu’un survol accidentel ne précharge une page contenant un formulaire partiellement rempli par un autre onglet du même navigateur.
{
"prerender": [
{
"source": "list",
"urls": ["/demarches/depot-dossier/"],
"eagerness": "conservative"
}
]
}
Les points restés distincts entre les deux audits
- Le contraste des couleurs et la navigation clavier relèvent exclusivement du RGAA, sans lien avec le Speculative Loading
- Le réglage fin du niveau d’agressivité de préchargement (
eagerness) relève exclusivement de la performance, sans impact sur l’accessibilité - Les correctifs de structure sémantique (balises de titre, régions ARIA) n’ont trouvé aucun écho côté préchargement
Deux audits menés en parallèle sur un même thème ne fusionnent jamais complètement : cherchez leurs points de friction communs sans pour autant forcer une convergence artificielle là où les deux sujets restent réellement indépendants.
Pour aller plus loin
Cette conduite conjointe d’audit a permis de réduire le nombre total d’interventions sur le thème, en traitant en une seule fois des symptômes qui, examinés séparément, auraient semblé sans rapport. Pour une agence qui livre régulièrement des thèmes au secteur public, planifier ces deux audits sur une fenêtre commune, plutôt que successivement à plusieurs mois d’écart, mérite d’être envisagé systématiquement.
