Publié le : 12 février 2026
Nous sommes heureux d'annoncer Interop 2026, une initiative visant à améliorer l'interopérabilité des principales fonctionnalités de la plate-forme Web dans les navigateurs. Interop 2026 est géré par une équipe de représentants d'entreprises qui contribuent de manière significative aux moteurs de rendu des navigateurs, dont Apple, Google, Igalia, Microsoft et Mozilla. Il se concentre sur les fonctionnalités qui sont prioritaires pour les développeurs Web et les utilisateurs finaux.
Comme lors des précédentes initiatives Interop, les tests sélectionnés seront exécutés en continu sur l'infrastructure de tests automatisés, et les taux de réussite seront affichés sur le tableau de bord Interop 2026.
Domaines d'action
Les domaines clés pour 2026 incluent plusieurs domaines identifiés comme principaux problèmes d'interopérabilité dans les enquêtes sur l'état du HTML et du CSS. Nous suivons ces problèmes sur webstatus.dev. De nombreuses fonctionnalités incluses cette année figurent également dans le top 20 des problèmes demandés dans le dépôt des signaux des développeurs.
Positionnement de l'ancre
Apparaît dans : principaux problèmes d'interopérabilité, signaux des développeurs positionnement de l'ancrage
Le positionnement d'ancrage vous permet de placer un élément en fonction de la position d'un autre élément. Par exemple, vous pouvez placer un info-bulle à côté du contenu auquel il fait référence. Ce domaine d'intérêt est la continuité d'Interop 2025 et n'inclut que les tests de 2025.
Requêtes de style de conteneur
Apparaît dans : principaux problèmes d'interopérabilité, signaux des développeurs requêtes de style de conteneur
Les requêtes de style de conteneur appliquent des styles à un élément en fonction des valeurs calculées des propriétés personnalisées de son conteneur, à l'aide de la règle @@container avec une ou plusieurs fonctions style().
Boîtes de dialogue et pop-overs
Apparaît dans : principaux problèmes d'interopérabilité, signaux des développeurs closedby, hint
Pour Interop 2026, les travaux sur l'élément <dialog> et l'API Popover se concentrent sur les points suivants :
- L'attribut
<dialog closedby>, qui définit les actions de l'utilisateur qui ferment une boîte de dialogue (par exemple, un clic en dehors de la boîte de dialogue). - La pseudo-classe CSS
:open, qui correspond aux éléments dont l'état est "ouvert". - L'attribut global
popover="hint", qui crée un pop-over subordonné à d'autres pop-overs automatiques, utile pour les info-bulles.
Animations liées au défilement
Apparaît dans : principaux problèmes d'interopérabilité
Cela inclut les propriétés CSS animation-timeline, scroll-timeline et view-timeline, qui font avancer les animations en fonction de la position de défilement de l'utilisateur.
Transitions de vue
Apparaît dans : principaux problèmes d'interopérabilité, signaux des développeurs Transitions de vue entre documents
Interop 2025 a ajouté les transitions de vue dans le même document à la catégorie "Nouveautés de référence". Pour Interop 2026, le travail sur les transitions de vue se concentre sur les points suivants :
- Amélioration des transitions de vue dans un même document.
- L'attribut
blocking="render"pour<link>,<script>et<style>. - Attribut
<link rel="expect">. - Pseudo-classe CSS
:active-view-transition-type(). - Transitions de vue entre les documents.
La fonction CSS attr()
S'affiche dans les signaux du développeur attr()
La fonction CSS attr() renvoie la valeur d'un attribut d'un élément HTML, avec la possibilité de renvoyer cette valeur sous un type spécifique ou avec une unité spécifique.
En plus de ces fonctionnalités clés que vous avez mises en avant dans les enquêtes, Interop 2026 inclut :
La fonction CSS contrast-color()
La fonction CSS contrast-color() sélectionne une couleur qui offre un contraste garanti avec une couleur de premier plan ou d'arrière-plan spécifiée.
Points forts personnalisés
Les mises en surbrillance personnalisées vous permettent de mettre en forme des plages de texte arbitraires sans ajouter d'éléments supplémentaires au DOM.
Récupérer les importations et les plages
Le travail sur la méthode fetch() se concentre sur ReadableStream dans le corps pour diffuser des données sur le serveur, en prenant en charge les types de contenu FormData et multimédias pour les requêtes et les réponses, ainsi que l'en-tête Range.
IndexedDB
La zone de mise au point IndexedDB cible les méthodes getAllRecords() de IDBObjectStore et IDBIndex. Ces méthodes accélèrent les opérations de lecture sur les grands ensembles de données en renvoyant les enregistrements et leurs clés primaires par lots.
JSPI pour Wasm
L'API JavaScript Promise Integration (JSPI) permet aux applications Wasm qui s'attendent à un accès synchrone à des fonctionnalités externes de fonctionner dans un environnement où ces fonctionnalités sont asynchrones.
Pseudo-classes média
Cette zone inclut les pseudo-classes CSS :playing, :paused, :seeking, :buffering, :stalled, :muted et :volume-locked, qui correspondent aux éléments <audio> et <video> en fonction de leur état.
API Navigation
Cette année, nous nous concentrerons sur l'amélioration de l'interopérabilité de l'API Navigation et sur l'option precommitHandler pour navigateEvent.intercept(), qui diffère le commit jusqu'à ce qu'un gestionnaire ait résolu le problème.
Registres d'éléments personnalisés à portée limitée
Le constructeur CustomElementRegistry() crée un registre d'éléments personnalisés distinct de celui global, ce qui permet à plusieurs éléments personnalisés portant le même nom de balise de coexister.
Scroll-snap
Cette zone de mise au point couvre l'accrochage de défilement CSS, qui contrôle le comportement de déplacement et de défilement dans un conteneur de défilement.
La fonction CSS shape()
La fonction CSS shape() crée des formes à l'aide de commandes telles que "line", "move" et "curve", et peut être utilisée avec clip-path et shape-outside.
Compatibilité Web
Cette section cible des problèmes d'interopérabilité spécifiques qui entraînent des problèmes concrets, y compris :
- Chargement du module ESM.
- Timing des événements de défilement par rapport aux événements d'animation.
- Suppression du préfixe de la propriété
-webkit-user-select.
WebRTC
Pour Interop 2026, les efforts se concentrent sur la correction des tests restants qui ont échoué dans le domaine d'intérêt d'Interop 2025 et sur l'amélioration continue de l'interopérabilité WebRTC.
API WebTransport
Cette section couvre l'API WebTransport, qui transmet des données entre un client et un serveur à l'aide du protocole HTTP/3.
Propriété CSS zoom
Dans la continuité d'Interop 2025, ce domaine se concentre sur la propriété CSS zoom, qui met à l'échelle la taille d'un élément et affecte la mise en page.
Efforts d'investigation
Interop 2026 inclut également des efforts d'investigation pour préparer les futures fonctionnalités aux tests et à l'interopérabilité :
- Tests d'accessibilité : nous nous efforçons de générer des arbres d'accessibilité cohérents sur tous les navigateurs et d'améliorer l'infrastructure WPT.
- JPEG XL : l'objectif est de rendre le format d'image JPEG XL testable, y compris en définissant les exigences pour le rendu progressif.
- Tests sur mobile : amélioration de l'infrastructure WPT pour tester les fonctionnalités spécifiques aux mobiles, comme les modifications dynamiques de la fenêtre d'affichage.
- WebVTT : correction des tests et mise à jour de la documentation pour mieux comprendre la conformité aux normes.
Suivre les progrès jusqu'en 2026
Suivez le projet sur le tableau de bord Interop 2026.