8 points par GN⁺ 2026-02-19 | Aucun commentaire pour le moment. | Partager sur WhatsApp
  • 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.

Aucun commentaire pour le moment.