- Le projet annuel Interop 2026, dans lequel les principaux moteurs de navigateur coopèrent pour améliorer la compatibilité des standards du Web (interopérabilité), est lancé
- Des tests seront menés sur 20 domaines clés, dont 15 nouveaux
- Cette année inclut des améliorations concrètes comme l’extension de CSS attr(), WebTransport, JSPI for Wasm et IndexedDB getAllRecords()
- L’objectif est aussi d’assurer une plus grande cohérence des fonctionnalités de rendu visuel comme Scroll-driven Animations, View Transitions, contrast-color() et Container Style Queries
- Ce projet, mené en collaboration par Apple, Google, Microsoft, Mozilla et Igalia, vise à fournir aux développeurs Web une plateforme commune plus fiable
Aperçu d’Interop 2026
- Le projet Interop est un programme collaboratif dans lequel les principaux moteurs effectuent des tests communs afin de réduire les écarts d’implémentation des technologies Web entre navigateurs
- Chaque fonctionnalité est évaluée selon sa conformité aux spécifications officielles des standards du Web
- La mesure automatisée de l’interopérabilité est réalisée via les Web Platform Tests (WPT)
- Safari a déjà implémenté de nombreuses fonctionnalités en avance, et dans Interop 2026 l’accent est mis sur la résorption des écarts de compatibilité restants
- 20 % des fonctionnalités prioritaires cette année sont composées de quatre éléments : advanced attr(), IndexedDB getAllRecords(), WebTransport et JSPI for Wasm
- Tableau de bord officiel d’Interop 2026 - https://wpt.fyi/interop-2026
Principaux domaines de focus en 2026 (20)
- Sur un total de 20 éléments, 15 sont nouveaux et 5 sont repris d’Interop 2025
- Principaux éléments : Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, améliorations de Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom, etc.
- Chaque élément vise l’affinement des spécifications, l’amélioration des tests et l’harmonisation des implémentations
Détails par fonctionnalité principale
-
Anchor Positioning
- Fonction permettant de positionner des éléments les uns par rapport aux autres, poursuivie depuis 2025
- Cette année, l’accent est mis sur la clarification des spécifications, la stabilisation des tests et l’amélioration de la fiabilité
-
Advanced attr()
- Extension permettant d’utiliser des valeurs d’attribut HTML dans l’ensemble des propriétés CSS
attr(), auparavant limité à la propriété content, peut désormais être converti en divers types comme les couleurs, longueurs et angles
- Les questions de sécurité ayant été résolues, une implémentation commune entre navigateurs est en cours
-
Container Style Queries
- Application de styles conditionnels selon les valeurs de propriétés personnalisées du conteneur
- Pris en charge depuis Safari 18.0, avec pour objectif via Interop 2026 d’assurer un comportement cohérent dans tous les navigateurs
-
contrast-color()
- Sélection automatique d’une couleur noire ou blanche offrant du contraste avec une couleur donnée
- Safari et Firefox ont commencé à la prendre en charge en 2025, et ce projet vise une compatibilité dans tous les navigateurs
-
Custom Highlights
- Possibilité de styliser des plages de texte via la CSS Custom Highlight API sans modifier la structure du DOM
- Les pseudo-éléments
::highlight() et ::target-text permettent par exemple d’implémenter des résultats de recherche, le surlignage de code ou l’édition collaborative
-
Améliorations de Dialog et Popover
- Ajout de closedby, popover="hint" et de la pseudo-classe :open à
<dialog> et à l’attribut popover
- Fonctionnalités d’amélioration des overlays d’interface pour renforcer l’accessibilité et l’expérience utilisateur
-
Fetch Uploads & Ranges
- Ajout au
fetch() API du streaming upload, d’améliorations de FormData et de la prise en charge de l’en-tête Range
- Permet un transfert de données plus efficace pour les gros envois ou les téléchargements partiels
-
IndexedDB getAllRecords()
- Ajout de la méthode getAllRecords() à
IDBObjectStore et IDBIndex
- Amélioration des performances grâce à la récupération par lot et à la recherche en ordre inverse
-
JSPI for Wasm
- La JavaScript Promise Integration API comble l’écart entre asynchrone et synchrone dans WebAssembly
- Elle facilite le portage vers le Web d’applications existantes en C/C++/Rust
-
Media Pseudo-classes
- Mise à disposition de 7 pseudo-classes CSS applicables selon l’état de
<audio> et <video>
- Ex. :
:playing, :paused, :muted, etc.
- Safari les prend déjà en charge, et ce projet vise leur diffusion aux autres navigateurs
-
Navigation API
- Nouvelle API de contrôle de navigation destinée à remplacer le complexe
history.pushState() dans le développement SPA
- Après 92,3 % de tests réussis dans Interop 2025, 2026 ajoute l’option precommitHandler
-
Scoped Custom Element Registries
- Possibilité de créer des CustomElementRegistry par scope afin de résoudre les problèmes de collision globale
- Safari 26.0 en a livré la première implémentation, et ce projet vise une cohérence entre tous les navigateurs
-
Scroll-driven Animations
- Possibilité de contrôler des animations uniquement en CSS selon la position de défilement
- La prise en charge débute dans Safari 26.0, avec un effort de standardisation des interactions pilotées par le scroll
-
Scroll Snap
- Contrôle de l’alignement et du comportement de snap dans un conteneur de défilement
- Des améliorations basées sur les tests sont menées pour corriger les divergences dues à d’anciennes évolutions de spécification
-
shape()
- Permet de définir des formes composites basées sur des courbes pour
clip-path et shape-outside
- Pris en charge depuis Safari 18.4, avec pour objectif d’assurer la cohérence des représentations courbes responsives
-
View Transitions
- Fournit des effets d’animation lors des transitions de page
- Après un niveau de compatibilité de 90,8 % en 2025, le périmètre est étendu en 2026 jusqu’aux transitions cross-document
-
Web Compat
- Ensemble de tests visant à résoudre les problèmes de compatibilité rencontrés sur des sites Web réels
- Inclut notamment le chargement des modules ESM, le timing des événements de scroll/animation et la propriété
user-select
-
WebRTC
- Standard de communication en temps réel audio, vidéo et données
- En amélioration continue après un taux de réussite de 91,6 % en 2025
-
WebTransport
- API de communication bidirectionnelle basée sur HTTP/3, avec faible latence et prise en charge du multistream
- Offre un contrôle plus fin que WebSocket et une structure plus simple que WebRTC
-
CSS Zoom
- Ajuste le niveau de zoom des éléments et de leur contenu avec un impact direct sur la mise en page
- Passé d’une propriété non standard à une standardisation, avec une amélioration de la cohérence qui se poursuit après 2025
Études et travaux à venir
-
Tests d’accessibilité
- Poursuite de l’amélioration de l’infrastructure de test pour garantir la cohérence de l’arbre d’accessibilité entre navigateurs
-
JPEG XL
- Format d’image de nouvelle génération prenant en charge l’animation, la transparence et la compression sans perte
- Pris en charge depuis Safari 17.0, avec une possible intégration future parmi les éléments de test officiels
-
Tests mobiles
- Amélioration de l’infrastructure de test pour des fonctionnalités spécifiques au mobile comme les changements dynamiques de viewport
-
WebVTT
- Vérifications continues pour corriger les divergences entre navigateurs du standard de sous-titrage et de captions
Vers un Web plus interopérable
- Interop 2026 couvre des domaines clés comme la flexibilité CSS, les transitions visuelles, la communication en temps réel et le transfert de données
- Le projet s’attaque aussi à des divergences de longue date autour de Scroll Snap, shape() et Web Compat
- L’équipe WebKit collabore avec pour objectif un comportement cohérent dans tous les navigateurs
- Au final, cela fournit aux développeurs une base de plateforme Web plus fiable
Aucun commentaire pour le moment.