Aller au contenu principal
MEWA STUDIO

Accessibilité cognitive : concevoir pour l'attention et la charge mentale

Publié le 28 août 2026|15 min de lecture
accessibilitéUXpsychologie

Un écran retient l'attention 47 secondes et un visiteur garde quatre éléments en tête à la fois. Chaque animation, champ ou choix superflu se paie sur ce budget. Voici comment le mesurer, ce que WCAG 2.2 exige et comment concevoir pour l'attention.

Pièce de puzzle dorée posée au-dessus de son emplacement, au milieu de pièces métalliques grises assemblées

En 2004, une personne restait en moyenne deux minutes et demie sur un écran avant de passer à autre chose. Depuis 2016, la même mesure donne 47 secondes. C'est ce que Gloria Mark, chercheuse à l'université de Californie (opens in a new tab), a documenté sur vingt ans en enregistrant l'activité réelle de travailleurs sur ordinateur, pas leur ressenti déclaré. Et pendant ces 47 secondes, la mémoire de travail, celle qui garde une information en tête le temps de s'en servir, retient environ quatre éléments à la fois, quatre entrées d'un menu ou quatre champs d'un formulaire, d'après la synthèse de Nelson Cowan (opens in a new tab) qui a corrigé le fameux "sept plus ou moins deux" de Miller.

Voilà le budget dont dispose un site pour se faire comprendre. Une animation d'accueil, un menu à douze entrées, un formulaire qui redemande l'adresse déjà saisie, une bannière qui bouge pendant qu'on lit, chacun de ces éléments en consomme une part. Quand le budget est épuisé, le visiteur ne se plaint pas, il ferme l'onglet.

L'accessibilité web s'est construite autour du contraste, du clavier et du lecteur d'écran. Ce sont des sujets nécessaires, traités ici pour les interactions (opens in a new tab) et là pour leur poids économique (opens in a new tab). L'accessibilité cognitive, celle qui concerne l'attention, la mémoire et la compréhension, reste la moins outillée et la moins vérifiée. C'est pourtant celle qui touche le plus de monde, y compris des visiteurs sans le moindre handicap reconnu.

Qui manque d'attention devant votre site

Les chiffres de population donnent une première échelle. L'expertise collective de l'Inserm sur les troubles des apprentissages situe la prévalence de la dyslexie en France entre 6 et 8 % (opens in a new tab). Deux études épidémiologiques citées dans le même chapitre relèvent que 7 % des 18-29 ans éprouvent des difficultés graves ou importantes en lecture. À ces personnes s'ajoutent celles qui vivent avec un trouble de l'attention, une lésion cérébrale, un début de démence ou simplement l'effet de l'âge sur la vitesse de traitement. Aucune n'apparaît dans un test de contraste.

Ce que ces personnes vivent sur une interface a été décrit précisément. Dans une étude par groupes de discussion publiée dans PLOS One en 2024 (opens in a new tab), des étudiants neurodivergents et neurotypiques ont comparé leur expérience de plateformes en ligne. Les difficultés citées ne portent presque jamais sur le contenu lui-même, elles portent sur sa présentation. Une densité trop forte, une navigation dont la structure ne se devine pas, une liste de ressources fournie sans indication de par où commencer. Les auteurs concluent que cette charge superflue épuise la mémoire de travail avant même que la difficulté réelle de la tâche soit abordée.

La seconde échelle est plus large encore. Microsoft a formalisé dans son guide de design inclusif (opens in a new tab) l'idée qu'une même limitation existe sous forme permanente, temporaire ou situationnelle. Pour la cognition, la forme permanente est le trouble diagnostiqué. La forme temporaire est la nuit blanche, la commotion, le traitement médical, le deuil. La forme situationnelle est le parent qui remplit un formulaire d'une main pendant que l'autre tient un enfant, le commercial qui consulte votre page tarifs entre deux rendez-vous, le patient qui cherche un cabinet dans la rue avec du bruit autour. Sur une journée, presque tout le monde passe par au moins une de ces situations. Concevoir pour l'attention limitée revient à concevoir pour l'état réel de la plupart des visites.

La charge mentale se mesure avant de se ressentir

Le cadre théorique date de 1988. John Sweller (opens in a new tab) a montré que la capacité de traitement mobilisée par la forme d'un problème n'est plus disponible pour le problème lui-même. Il distingue la charge intrinsèque, inhérente à ce qu'il faut comprendre, de la charge extrinsèque, produite par la manière dont c'est présenté. Sur un site, la charge intrinsèque est le prix d'une prestation, la différence entre deux offres, la démarche à suivre. La charge extrinsèque est tout le reste. C'est la seule sur laquelle le design a prise.

Trois mesures anciennes restent les meilleurs repères pour l'estimer. La première est la capacité de quatre éléments de Cowan, citée plus haut. Une navigation à six entrées de premier niveau dépasse déjà ce que la plupart des visiteurs tiennent en tête en même temps. La deuxième vient de l'analyse par Jakob Nielsen (opens in a new tab) des données de Weinreich et ses collègues, qui ont enregistré 45 237 pages vues en conditions naturelles. Le temps passé sur une page augmente de 4,4 secondes par tranche de 100 mots ajoutés, ce qui laisse le temps de lire au plus 28 % des mots d'une page moyenne, plus vraisemblablement 20 %. Le texte que le visiteur ne lit pas coûte quand même de l'attention, puisqu'il faut le balayer pour l'écarter.

La troisième mesure mérite d'être citée avec sa nuance. L'expérience des confitures d'Iyengar et Lepper en 2000, où un présentoir de six pots vendait dix fois mieux qu'un présentoir de vingt-quatre, a nourri quinze ans de discours sur le "paradoxe du choix". La méta-analyse de Scheibehenne, Greifeneder et Todd (opens in a new tab) sur 50 expériences a ramené l'effet moyen à zéro. Ce qui a survécu est plus utile que le mythe. La surcharge de choix apparaît quand les options se ressemblent, quand l'enjeu est ressenti comme élevé et quand la personne qui choisit n'est pas experte du domaine. C'est exactement la situation d'un prospect devant une page de services. Il ne connaît pas votre métier, il compare des offres qu'il distingue mal et il engage de l'argent.

Ce qui consomme l'attention sur une page

Le rapport WebAIM Million, qui analyse chaque année le million de pages d'accueil les plus visitées, donne une mesure de la direction générale. En février 2026, une page d'accueil comptait en moyenne 1 437 éléments (opens in a new tab), 22,5 % de plus que l'année précédente et près du double de 2019. Dans le même rapport, 95,9 % des pages présentent au moins une erreur WCAG détectable, en hausse pour la première fois en sept ans. 15,2 % contiennent des liens dont le libellé ne dit pas où ils mènent. Les pages deviennent plus lourdes à comprendre, pas seulement plus lourdes à charger.

Le tableau suivant regroupe les sources de charge les plus fréquentes et ce que les données disent de chacune.

Source de chargeCe que les données montrentCe qui la réduit
Mouvement non sollicité (carrousel, bandeau animé, autoplay)Sur le site de l'université Notre Dame, environ 1 % des visiteurs cliquent sur le carrousel et 84 % de ces clics vont à la première diapositiveUn seul message fixe, le mouvement réservé à ce que le visiteur déclenche
Densité (nombre d'éléments par écran)1 437 éléments par page d'accueil en 2026, en hausse de 22,5 % sur un anUne intention par écran, le reste renvoyé à une page dédiée
Texte non lu4,4 secondes de plus par 100 mots, pour 20 à 28 % de mots effectivement lusPremière phrase porteuse, intertitres qui disent leur objet, listes courtes
Formulaires trop longs23,48 éléments de formulaire en moyenne dans un tunnel d'achat américain, contre 12 à 14 nécessaires. 17 % des acheteurs ont abandonné une commande pour ce motifSupprimer les champs facultatifs, pré-remplir ce qui est déjà connu
Navigation incohérenteCité comme premier facteur de stress par les étudiants neurodivergents de l'étude PLOS OneMêmes libellés, même ordre et même emplacement de l'aide sur toutes les pages
Authentification par mémoire ou transcriptionVisée directement par le critère 3.3.8 de WCAG 2.2Gestionnaire de mots de passe autorisé, copier-coller des codes, lien magique

Chaque source de charge extrinsèque a un coût documenté et un remède connu

Deux lignes de ce tableau méritent un détail. Les chiffres du carrousel viennent des statistiques publiées par Erik Runyon (opens in a new tab), qui a instrumenté les pages d'accueil de plusieurs sites de l'université pendant trois mois. Ils datent de 2013 et rien depuis n'a montré l'inverse. Un carrousel automatique impose un rythme au visiteur, déplace le contenu pendant qu'il le lit et cache ce qui suit. Pour une personne dont l'attention se détourne facilement, c'est le pire des trois. Les chiffres de formulaire viennent de la synthèse de Baymard (opens in a new tab) sur les tunnels d'achat, où l'écart entre le nombre de champs affichés et le nombre de champs nécessaires est la première cause d'abandon évitable. Le dernier mètre du parcours (opens in a new tab) a son propre article.

Ce que WCAG 2.2 exige déjà

La version 2.2 des WCAG, publiée en octobre 2023, a introduit pour la première fois des critères qui visent explicitement la mémoire et l'attention plutôt que la perception. Trois d'entre eux concernent directement un site vitrine ou un site de services.

  • Critère 3.2.6 - Aide cohérente (niveau A). Quand une page propose un moyen de contact ou d'aide, celui-ci doit se trouver au même endroit relatif sur toutes les pages du site. L'intention déclarée (opens in a new tab) est qu'une personne fatiguée cognitivement puisse trouver de l'aide sans dépenser d'énergie à la chercher
  • Critère 3.3.7 - Saisie redondante (niveau A). Une information déjà saisie dans un même processus doit être pré-remplie ou proposée à la sélection. Le texte du critère (opens in a new tab) note que tous les utilisateurs subissent une fatigue mentale progressive au fil des étapes d'un processus et que devoir se souvenir d'une information pour la ressaisir est une barrière importante pour les personnes ayant des difficultés de mémoire
  • Critère 3.3.8 - Authentification accessible (niveau AA). Aucune étape d'une authentification ne peut exiger un test de fonction cognitive, comme mémoriser un mot de passe ou résoudre un puzzle, sans proposer une alternative. Le critère (opens in a new tab) cite nommément la transcription d'un code à usage unique et les CAPTCHA textuels ou mathématiques

Ces trois critères ont un point commun. Ils ne demandent pas de simplifier le site, ils demandent que le site prenne en charge ce que le visiteur ne devrait pas avoir à retenir. C'est une définition opérationnelle de l'accessibilité cognitive qui vaut bien au-delà du périmètre légal.

Le cadre de référence plus complet est le document "Making Content Usable for People with Cognitive and Learning Disabilities" (opens in a new tab), note du W3C publiée en 2021 par le groupe de travail COGA. Il organise la question en huit objectifs, dont "aider les utilisateurs à se concentrer", "faire en sorte que les processus ne reposent pas sur la mémoire" et "aider les utilisateurs à éviter les erreurs et à les corriger". Ses motifs de conception sont concrets. Limiter les interruptions, raccourcir les chemins critiques, annoncer les frais dès le début d'une tâche, ne jamais déplacer un contrôle de manière inattendue, permettre le retour en arrière, éviter la perte de données à l'expiration d'une session. Aucun de ces motifs ne relève de la technique, tous relèvent de décisions de conception.

La suite est en préparation. Le brouillon de travail des WCAG 3.0 (opens in a new tab), publié le 3 mars 2026, contient des exigences intitulées "éviter les tâches cognitives excluantes", "temps adéquat", "langage clair" et "achèvement des processus et des tâches". Le document n'a pas de valeur normative avant plusieurs années. La direction est pourtant fixée. Le cognitif y est traité comme un besoin fonctionnel à part entière, au même niveau que la vue ou la motricité.

Ce que la réglementation française en fait

Depuis le 28 juin 2025, la loi du 9 mars 2023 qui transpose l'acte européen sur l'accessibilité étend l'obligation aux services privés destinés aux consommateurs dans cinq secteurs, dont le commerce électronique et la banque. La synthèse de Temesis (opens in a new tab) détaille le dispositif. Le contrôle des services en ligne revient à la DGCCRF, l'amende est de 7 500 euros par manquement pour une personne morale, 15 000 en cas de récidive, avec une astreinte possible jusqu'à 3 000 euros par jour. Les entreprises de moins de dix salariés réalisant moins de deux millions d'euros de chiffre d'affaires sont exemptées.

Le référentiel français, le RGAA, en est à sa version 4.1.2. Le site de la DINUM (opens in a new tab) annonce une version 5 pour la fin 2026, en précisant que les travaux en cours ne doivent en aucun cas être suspendus dans l'attente. Pour un cabinet, un artisan ou une PME de services, l'obligation légale ne s'applique le plus souvent pas encore. Les critères, eux, décrivent ce qui fait qu'un prospect termine ou non sa demande de devis. Le calendrier réglementaire est une raison de plus, pas la raison principale.

Concevoir pour l'attention sans aplatir le site

La lecture paresseuse de tout ce qui précède conduit à un site en texte noir sur fond blanc, sans mouvement ni relief. C'est une erreur de raisonnement. Sweller ne dit pas que toute charge est mauvaise, il dit que la charge extrinsèque, celle qui ne sert pas la compréhension, entre en concurrence avec la charge utile. Une interaction qui aide à s'orienter réduit la charge. Une interaction qui décore l'augmente. La question à poser devant chaque animation, chaque transition, chaque effet n'est pas "est-ce trop ?" mais "qu'est-ce que cela apprend au visiteur ?".

Une transition qui montre d'où vient un panneau et où il repart apprend la structure de la page. Un survol qui révèle ce qu'un lien va ouvrir apprend la destination avant le clic. Une mise en avant progressive qui n'affiche qu'une idée à la fois apprend la hiérarchie du propos. Ces mouvements travaillent pour la mémoire de travail au lieu de la concurrencer. Mesurer si une animation sert à quelque chose (opens in a new tab) est d'ailleurs faisable avec les outils courants.

Un site singulier et un site accessible cognitivement se rejoignent sur un principe. Une signature d'interaction est d'autant plus forte qu'elle est seule. Trois effets qui se disputent le même écran s'annulent, pour la mémorisation comme pour l'attention. Le site qui choisit une interaction marquante par écran et laisse le reste immobile est à la fois plus reconnaissable et plus léger à parcourir. La sobriété n'est pas une contrainte imposée à la singularité, c'est ce qui la rend lisible.

Quelques principes découlent directement des données citées.

  • Une chose par écran. Le service numérique du gouvernement britannique (opens in a new tab) a généralisé ce motif dès 2015 après avoir constaté en test que les utilisateurs peu confiants terminaient mieux les démarches et que les erreurs, les embranchements et la reprise se géraient mieux. Le principe vaut pour une page de services autant que pour un formulaire
  • Le mouvement se déclenche, il ne s'impose pas. Rien ne bouge tant que le visiteur n'a rien fait et tout ce qui bouge respecte la préférence système de réduction des animations. Pour un visiteur dont l'attention se détourne au moindre mouvement, c'est la différence entre lire et abandonner
  • La mémoire est prise en charge par le site. Ce qui a été saisi reste saisi, ce qui a été choisi reste visible, le prix et les étapes sont annoncés avant de commencer. C'est le sens des critères 3.3.7 et 3.3.8 et du motif "annoncer les frais au début" de la note COGA
  • Le libellé dit la destination. Un lien s'appelle par ce qu'il ouvre, un bouton par ce qu'il fait. "Demander un devis" tient en trois mots et ne se relit pas deux fois, "En savoir plus" oblige à reconstituer le contexte
  • L'aide est toujours au même endroit. Un moyen de contact identique, au même emplacement, sur toutes les pages. C'est le critère 3.2.6 et c'est aussi ce qui rassure un prospect au moment de s'engager

Un contrôle en une heure sans outil

Aucun outil automatique ne mesure la charge cognitive d'une page. Les validateurs détectent le contraste et les attributs manquants, pas l'attention consommée. Ce qui suit se fait à la main sur les trois pages les plus visitées et sur la page de contact.

  • Compter ce qui bouge sans action du visiteur dans les cinq premières secondes. Le bon nombre est zéro, un est défendable s'il porte le message principal, au-delà il y a concurrence
  • Compter les choix proposés au-dessus de la ligne de flottaison, navigation comprise. Au-delà de quatre ou cinq, une partie des visiteurs n'en retient aucun
  • Lire chaque libellé de lien et de bouton hors contexte. Si le mot seul ne dit pas où il mène, le réécrire
  • Remplir le formulaire de contact en chronométrant puis compter les champs. Chaque champ facultatif est un candidat à la suppression, chaque information déjà connue est un candidat au pré-remplissage
  • Fermer l'onglet au milieu d'une démarche et revenir. Ce qui a été perdu est ce que le visiteur devra retenir à votre place
  • Repérer où se trouve le moyen de contact sur chaque page puis vérifier qu'il est au même endroit partout
  • Activer la réduction des animations dans les réglages du système puis recharger. Ce qui bouge encore ne respecte pas la préférence

Ce contrôle produit une liste courte de corrections, généralement moins d'une dizaine, dont la plupart relèvent de la rédaction et de la structure plutôt que du code. C'est ce qui rend l'accessibilité cognitive singulière parmi les chantiers d'accessibilité. Elle coûte peu à corriger et elle se voit sur les indicateurs que tout le monde suit déjà, le taux de rebond, le taux de complétion des formulaires, le nombre de demandes reçues.

Le coût de l'attention perdue

Sept clients handicapés sur dix déclarent quitter un site qu'ils trouvent difficile à utiliser, d'après les enquêtes Click-Away Pound relayées par Scope (opens in a new tab), soit 17,1 milliards de livres sterling de chiffre d'affaires perdu chaque année au Royaume-Uni. La plupart ne signalent rien. Elles partent. Le visiteur fatigué, pressé ou distrait qui abandonne pour les mêmes raisons n'entre dans aucune statistique, il manque simplement dans vos demandes de contact.

Un site dispose de 47 secondes et de quatre éléments pour se faire comprendre. Tout ce qu'il a de singulier doit tenir dans ce budget, sinon personne ne le verra.