Nouveaux utilisateurs sur la plate-forme Web en avril

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été ajoutées aux navigateurs Web stables et bêta en avril 2026.

Rachel Andrew

Publié le : 24 avril 2026

Versions stables du navigateur

Chrome 147 et Firefox 150 sont disponibles en version stable en avril. Aucune version stable de Safari n'est sortie ce mois-ci. Cet article présente les nombreuses nouveautés de ce mois-ci.

La fonction CSS contrast-color() devient "Baseline"

Avec la sortie de Chrome 147 et de la fonction contrast-color(), cette fonctionnalité d'accessibilité utile est désormais disponible sur tous les principaux moteurs, ce qui la rend disponible dans la référence.

Cette fonction prend une valeur de couleur et renvoie du noir ou du blanc, selon la couleur qui offre le contraste le plus élevé par rapport à la couleur fournie. Cela permet de s'assurer que votre texte répond aux exigences de contraste en termes d'accessibilité.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

Les propriétés de plage d'animation liées au défilement sont désormais de référence

Firefox 150 est compatible avec les propriétés animation-range-start et animation-range-end, ainsi qu'avec le raccourci animation-range. Ces propriétés sont donc désormais disponibles dans la référence.

Ces propriétés vous permettent de contrôler où une animation liée au défilement commence et se termine sur une timeline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

La méthode ariaNotify()

Firefox 150 est désormais compatible avec la méthode ariaNotify() sur Document et Element. Cette méthode permet aux auteurs de contenu de mettre en file d'attente une chaîne de texte à annoncer par un lecteur d'écran.

Cela offre une alternative plus fiable et ergonomique aux régions dynamiques ARIA, en particulier pour les annonces non liées aux mises à jour du DOM.

Browser Support

  • Chrome: 141.
  • Edge: 141.
  • Firefox: not supported.
  • Safari: not supported.

Source

Tailles automatiques pour les images chargées de manière différée

Firefox 150 est désormais compatible avec le mot clé "auto" pour l'attribut sizes des éléments <img>. Cela permet aux images à chargement différé d'utiliser la taille de mise en page calculée pour sélectionner la meilleure source à partir d'un srcset, ce qui simplifie la configuration des images responsives.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari: not supported.

Source

Transitions de vue à portée d'élément

Chrome 147 expose element.startViewTransition() sur des éléments HTML arbitraires. Cela permet des transitions limitées à un élément spécifique, ce qui signifie que les pseudo-éléments sont affectés par les clips et les transformations des ancêtres, et que plusieurs transitions peuvent s'exécuter simultanément.

Propriété CSS border-shape

Chrome 147 introduit la propriété border-shape, qui vous permet de créer des bordures non rectangulaires avec des formes telles que des polygones ou des cercles.

Attribut de chemin SVG <textPath>

Chrome 147 ajoute la prise en charge de l'attribut path sur l'élément SVG <textPath>, ce qui vous permet de définir la géométrie du chemin de texte de manière intégrée.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 61.
  • Safari: not supported.

Prise en charge de modulepreload pour JSON et le style

Chrome 147 est désormais compatible avec les types de modules JSON et de style en tant que destinations <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 implémente la proposition TC39 pour Math.sumPrecise, en renvoyant une somme précise des valeurs dans un itérable. Cette méthode est désormais disponible dans la version de référence.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des fonctionnalités qui seront incluses dans la prochaine version stable du navigateur. C'est le moment idéal pour tester les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que la version ne soit disponible pour tous. Les nouvelles versions bêta de ce mois-ci sont Chrome 148, Firefox 151 et Safari 26.5.

La version bêta de Chrome 148 inclut des requêtes de conteneur avec nom uniquement dans CSS, le chargement différé des éléments vidéo et audio, ainsi que la fonction at-rule() pour la détection de fonctionnalités dans @supports.

La version bêta de Firefox 151 inclut les requêtes de style de conteneur CSS.

La version bêta de Safari 26.5 inclut la prise en charge de la pseudo-classe :open sur les éléments <details>, <dialog>, <select> et <input>, en plus d'un grand nombre de résolutions de problèmes.