Navigation API, WebTransport, Trusted Types et nouvelles fonctions CSS : pourquoi Baseline 2026 compte pour des projets web interopérables.
Pendant des années, « fonctionne sur les navigateurs modernes » est resté une promesse vague. Baseline la transforme en donnée vérifiable : il indique quand une fonction de la plateforme web devient interopérable et quand sa maturité permet une adoption large.
En 2026, CSS, JavaScript et les Web API convergent rapidement entre les moteurs. Des outils qui exigeaient récemment bibliothèques ou fallbacks complexes deviennent utilisables avec davantage de prévisibilité.
Ce que signifie Baseline
- Newly available : la fonction est prise en charge par Chrome, Edge, Firefox et Safari, y compris leurs variantes mobiles principales.
- Widely available : 30 mois se sont écoulés depuis l’interopérabilité, ce qui réduit le risque pour la majorité des sites.
Newly available ne couvre pas automatiquement tous les appareils en circulation. Analytics, public cible et progressive enhancement restent essentiels.
Fonctions 2026 à suivre
Navigation API
Elle propose un modèle cohérent pour les navigations, l’historique et les transitions des applications web, et réduit la complexité autour de popstate et du routing client.
WebTransport, flux binaires et Zstandard
WebTransport permet des communications bidirectionnelles à faible latence. Les readable byte streams améliorent le traitement binaire et Zstandard complète les options de compression. Ces outils ouvrent de meilleures architectures pour collaboration, télémétrie et média en temps réel.
Trusted Types et Reporting API
Trusted Types contribue à réduire les risques DOM XSS. Reporting API et les rapports CSP fournissent des signaux sur violations, dépréciations et erreurs. Leur efficacité dépend d’une vraie chaîne de collecte, triage et correction.
Container style queries et contrast-color()
Les style queries adaptent un composant aux propriétés de son conteneur. contrast-color() aide les design systems dynamiques, sans remplacer une validation WCAG complète.
View transitions, shape() et Custom Highlights
Ces fonctions offrent des transitions mieux contrôlées, des formes CSS plus expressives et des surlignages sans modifier le DOM, avec moins de wrappers et de scripts.
Baseline n’est pas une autorisation automatique
- mesurer navigateurs et appareils réels ;
- distinguer fonctions critiques et décoratives ;
- prévoir un HTML solide et une dégradation élégante.
L’intégrer au workflow
- définir une cible Baseline explicite ;
- utiliser les données
web-featureset Browserslist ; - ajouter des contrôles au linting, à la CI et aux code reviews ;
- comparer la cible avec les données utilisateurs.
ElaraTeq adopte les nouvelles API lorsqu’elles améliorent performances, accessibilité ou maintenance. Pour moderniser un site sans sacrifier la compatibilité, évaluons votre projet.
