Neu auf der Webplattform seit April

Hier finden Sie einige der interessanten Funktionen, die im April 2026 in stabilen und Beta-Webbrowsern eingeführt wurden.

Rachel Andrew

Veröffentlicht: 24. April 2026

Stabile Browserversionen

Chrome 147 und Firefox 150 wurden im April in der stabilen Version veröffentlicht. Diesen Monat gab es keinen stabilen Release von Safari. In diesem Beitrag werden die vielen neuen Funktionen dieses Monats vorgestellt.

Die CSS-Funktion contrast-color() wird zur Baseline

Mit Chrome 147 wird die Funktion contrast-color() ausgeliefert. Diese nützliche Bedienungshilfe ist jetzt in allen wichtigen Engines verfügbar und wird als „Baseline Newly available“ eingestuft.

Diese Funktion nimmt einen Farbwert entgegen und gibt entweder Schwarz oder Weiß zurück, je nachdem, welche Farbe den höchsten Kontrast zur angegebenen Farbe bietet. So können Sie sicherstellen, dass Ihr Text die Anforderungen an den Kontrast für die Barrierefreiheit erfüllt.

Browser Support

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

Source

Bereichseigenschaften für scrollgesteuerte Animationen sind jetzt „Baseline“

Firefox 150 unterstützt die Attribute animation-range-start und animation-range-end sowie die Kurzschreibweise animation-range. Diese Properties sind jetzt in der Baseline verfügbar.

Mit diesen Eigenschaften können Sie steuern, an welcher Stelle auf der Zeitachse einer scrollgesteuerten Animation eine Animation beginnt und endet.

Browser Support

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

Source

Die Methode ariaNotify()

In Firefox 150 wird die ariaNotify()-Methode auf Document und Element unterstützt. Mit dieser Methode können Autoren von Inhalten eine Textfolge in die Warteschlange stellen, die von einem Screenreader vorgelesen werden soll.

Dies bietet eine zuverlässigere und ergonomischere Alternative zu ARIA-Live-Regionen, insbesondere für Ankündigungen, die nicht an DOM-Updates gebunden sind.

Browser Support

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

Source

Automatische Größen für per Lazy Load geladene Bilder

Firefox 150 unterstützt jetzt das Keyword "auto" für das Attribut sizes von <img>-Elementen. So kann für lazy-geladene Bilder die berechnete Bildlayoutgröße verwendet werden, um die beste Quelle aus einem srcset auszuwählen. Das vereinfacht die Einrichtung responsiver Bilder.

Browser Support

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

Source

View-Übergänge mit Elementbereich

In Chrome 147 wird element.startViewTransition() für beliebige HTML-Elemente verfügbar gemacht. So können Übergänge auf ein bestimmtes Element beschränkt werden. Das bedeutet, dass sich Pseudo-Elemente durch übergeordnete Clips und Transformationen beeinflussen lassen und mehrere Übergänge gleichzeitig ausgeführt werden können.

CSS-Property border-shape

In Chrome 147 wird die Eigenschaft border-shape eingeführt, mit der Sie nicht rechteckige Rahmen mit Formen wie Polygonen oder Kreisen erstellen können.

SVG-Attribut <textPath> path

In Chrome 147 wird das Attribut path für das SVG-Element <textPath> unterstützt. Damit können Sie die Geometrie des Textpfads inline definieren.

Browser Support

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

Unterstützung von „modulepreload“ für JSON und Stil

In Chrome 147 wird die Unterstützung für JSON- und Stilmodultypen als <link rel="modulepreload">-Ziele hinzugefügt.

Browser Support

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

Math.sumPrecise

In Chrome 147 wird der TC39-Vorschlag für Math.sumPrecise implementiert, der eine genaue Summe der Werte in einem Iterable zurückgibt. Diese Methode ist jetzt als Baseline Newly verfügbar.

Browser Support

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

Source

Betaversionen von Browsern

Betaversionen von Browsern bieten eine Vorschau auf die nächste stabile Version des Browsers. Das ist ein guter Zeitpunkt, um neue Funktionen oder Entfernungen zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung für alle erfolgt. Die neuen Betas in diesem Monat sind Chrome 148, Firefox 151 und Safari 26.5.

Die Betaversion von Chrome 148 enthält Containerabfragen nur mit Namen in CSS, Lazy Loading für Video- und Audioelemente sowie die Funktion at-rule() zur Funktionserkennung in @supports.

Firefox 151 Beta enthält CSS-Containerstilabfragen.

Die Betaversion von Safari 26.5 bietet Unterstützung für die Pseudoklasse :open für die Elemente <details>, <dialog>, <select> und <input> sowie eine Vielzahl von Fehlerkorrekturen.