Interop 2024 : les moteurs de navigateurs s'accordent sur dix-sept chantiers communs

2024-02-01 · Éditeur : Projet Interop (WebKit, Chromium, Gecko) · Domaine : Design, UX et UI

Apple, Google, Microsoft, Mozilla, Igalia et Bocoup lancent Interop 2024 : dix-sept domaines du web, de CSS Nesting au Popover, à rendre identiques d'un navigateur à l'autre.

Ce qui change

  • Dix-sept domaines prioritaires mesurés par des tests partagés (Web Platform Tests).
  • CSS Nesting, Popover, Relative Color Syntax et text-wrap: balance entrent dans le programme.
  • L'accessibilité devient un domaine de travail à part entière.
  • Interop 2023 est passé de 48 % de tests réussis partout (versions stables, janvier 2023) à 95 % un an plus tard (préversions), selon WebKit.

### Contexte Le 1er février 2024, le blog **WebKit** annonce **Interop 2024**, la nouvelle édition du programme où les éditeurs de navigateurs choisissent ensemble les fonctions du web à rendre cohérentes d'un moteur à l'autre. Les progrès sont mesurés par des tests automatisés communs, les Web Platform Tests. ### Caractéristiques - **17 domaines prioritaires** : accessibilité, CSS Nesting, Custom Properties, Declarative Shadow DOM, font-size-adjust, URL HTTPS pour WebSocket, IndexedDB, mise en page, événements pointeur et souris, Popover, Relative Color Syntax, requestVideoFrameCallback, style des barres de défilement, `@starting-style` et `transition-behavior`, directionnalité du texte, `text-wrap: balance` et URL. - Bilan de l'édition précédente : le taux de réussite global d'Interop 2023 est passé de **48 % en janvier 2023** (versions stables de Chrome, Firefox et Safari) **à 95 %** un an plus tard (Chrome Dev, Firefox Nightly, Safari Technology Preview). ### Pourquoi c'est important Pour une équipe front, une fonction CSS n'est utilisable en production que lorsqu'elle se comporte de la même façon partout. Interop fixe un calendrier commun : ce qui y figure a de fortes chances d'être fiable dans tous les navigateurs l'année suivante, ce qui permet d'abandonner des contournements et des bibliothèques de compatibilité. ### À retenir Nesting, Popover et animations d'entrée en CSS pur deviennent des cibles prioritaires des trois moteurs : de quoi simplifier les design systems et réduire le JavaScript d'interface.

Liens

Tags : CSS, Navigateurs, Standards web