Résumé

  • Le premier projet public du W3C, en octobre 2022, a défini des transitions visuelles entre deux états d’un même document : le navigateur saisit l’apparence initiale, la page change son contenu, puis le navigateur saisit la nouvelle apparence.
  • Les textes de niveau 1 de 2023 et 2024 ont détaillé le déroulement et les éléments nommés. Un projet de niveau 2 publié en 2024 étend ce passage visuel à la navigation entre documents.

Sur une page d’accueil, une photographie occupe une petite carte. Le lecteur la touche ; elle devrait grandir pour devenir l’en-tête de l’article. Ce mouvement paraît évident dans l’œil et pénible dans le code. La petite carte appartient à l’ancien état du document. Le grand article appartient au nouveau. Pendant longtemps, un effet fluide supposait de garder les deux états sur scène, avec des doublons et des contorsions dans la structure de la page. La scénographie finissait par commander au texte.

Le premier projet public du W3C, daté du 25 octobre 2022, proposait de donner au navigateur la gestion du trucage. La page déclenche startViewTransition() autour de la fonction qui modifie son document. Le navigateur saisit d’abord l’apparence ancienne, laisse la fonction mettre le document à jour, puis saisit l’apparence nouvelle. Il anime les représentations visuelles dans une couche séparée. Le décor a réellement changé ; c’est l’image de l’ancien décor qui reste quelques instants pour saluer le public.

Cette séparation règle un problème de fond. Un site qui maintient deux versions vivantes de son interface pour les besoins d’une animation complique l’ordre des éléments, leur interaction et parfois la lecture assistée. La capture visuelle évite de construire ce double décor dans le document. En revanche, elle ne rédige pas le nouvel article et ne déplace pas les responsabilités du site : la fonction de mise à jour doit produire le bon contenu.

La Candidate Recommendation du 5 septembre 2023 décrit la chorégraphie par étapes. Saisie de l’ancien état, pause du rendu, exécution de la fonction de mise à jour, saisie du nouvel état, création de pseudo-éléments, puis reprise du rendu et animation. Une transition générale peut se contenter d’un fondu. L’éditeur qui veut suivre séparément une image ou un titre attribue un view-transition-name à cet élément et personnalise l’effet avec CSS. Le navigateur construit la scène commune ; le site choisit les vedettes.

Une vedette doit pourtant avoir un nom qui la distingue. Si deux éléments réclament le même nom de transition dans un état, le passage visuel peut échouer. Le projet de Candidate Recommendation du 28 mars 2024 détaille ces captures, les pseudo-éléments et les promesses qui indiquent l’avancement. Même lorsqu’on saute l’animation, la fonction de mise à jour s’exécute. Le lecteur doit arriver dans le nouvel état du document ; le fondu est la manière de lui montrer le chemin.

L’historique des publications du W3C situe le premier texte public en 2022, une Candidate Recommendation en 2023 et un nouveau projet en 2024. L’idée centrale tient d’une version à l’autre : le navigateur sait retenir deux apparences le temps de les faire passer l’une dans l’autre. Le site garde la main sur ses contenus, le choix des éléments nommés et le rythme de l’animation. Une photographie temporaire remplace un décor permanent de doublons.

Restait une sortie plus ambitieuse : passer d’un document à un autre. Le projet de niveau 2 du 13 novembre 2024 traite des transitions pendant la navigation entre documents, avec une participation explicite des pages concernées. Le navigateur coordonne alors deux scènes séparées par une vraie navigation. Le principe de capture demeure, mais le passage de relais a changé d’échelle. Ce qui avait commencé comme un trucage pour une interface devient une façon de dessiner la continuité d’un parcours.

Pour le lecteur, le verdict se joue en une seconde. La carte choisie devient bien l’article attendu ; l’animation aide à comprendre le mouvement. Si la destination est mauvaise, un beau fondu peut seulement la rendre plus spectaculaire. Le photographe de plateau mérite son salaire quand il laisse l’histoire, et non le dispositif, au centre de la scène.