Interop 2026 startet

• Das jährliche Projekt Interop 2026, bei dem wichtige Browser-Engines zusammenarbeiten, um die Kompatibilität mit Webstandards (Interoperability) zu verbessern, hat begonnen
• Getestet werden 20 Kernbereiche, davon sind 15 neue Punkte
• In diesem Jahr umfasst das Projekt konkrete Funktionsverbesserungen wie erweitertes CSS attr(), WebTransport, JSPI for Wasm und IndexedDB getAllRecords()
• Außerdem soll eine konsistente Unterstützung für Darstellungsfunktionen wie Scroll-driven Animations, View Transitions, contrast-color() und Container Style Queries erreicht werden
• Das Projekt ist eine Zusammenarbeit von Apple, Google, Microsoft, Mozilla und Igalia und soll Webentwicklern eine verlässlichere gemeinsame Plattform bieten

---

Überblick über Interop 2026

• Das Interop-Projekt ist ein Kooperationsprogramm, bei dem wichtige Engines gemeinsam Tests durchführen, um Unterschiede bei der Implementierung von Webtechnologien zwischen Browsern zu verringern
  • Jede Funktion wird danach bewertet, wie gut sie mit der offiziellen Webstandard-Spezifikation übereinstimmt
  • Die automatisierte Messung der Interoperabilität erfolgt über Web Platform Tests (WPT)
• Safari hat bereits mehrere Funktionen frühzeitig implementiert und konzentriert sich bei Interop 2026 auf das Schließen der verbleibenden Kompatibilitätslücken
• 20 % der diesjährigen Schwerpunktfunktionen bestehen aus vier Punkten: advanced attr(), IndexedDB getAllRecords(), WebTransport, JSPI for Wasm
• Offizielles Interop-2026-Dashboard - https://wpt.fyi/interop-2026

Wichtige Schwerpunktbereiche 2026 (20)

• Von insgesamt 20 Punkten sind 15 neu, 5 werden aus Interop 2025 fortgeführt
  • Wichtige Punkte: Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, Verbesserungen bei Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom usw.
• Ziel jedes Bereichs ist es, die Spezifikation zu präzisieren, Tests zu verbessern und eine konsistente Implementierung sicherzustellen

Details zu den wichtigsten Funktionen

• Anchor Positioning

  • Eine Funktion, mit der Elemente relativ zueinander positioniert werden können; sie wird seit 2025 weitergeführt
  • In diesem Jahr liegt der Fokus auf Präzisierung der Spezifikation, Stabilisierung der Tests und höherer Zuverlässigkeit

• Advanced attr()

  • Erweitert die Nutzung von HTML-Attributwerten auf allgemeine CSS-Eigenschaften
  • Das bisher auf die Eigenschaft content beschränkte attr() kann in verschiedene Typen wie Farben, Längen und Winkel umgewandelt werden
  • Sicherheitsprobleme wurden gelöst, sodass eine gemeinsame Implementierung in den Browsern vorangetrieben wird

• Container Style Queries

  • Wendet bedingte Styles abhängig von Custom-Property-Werten eines Containers an
  • Wird seit Safari 18.0 unterstützt; Interop 2026 soll ein konsistentes Verhalten in allen Browsern sicherstellen

• contrast-color()

  • Wählt automatisch eine schwarze oder weiße Farbe mit Kontrast zur angegebenen Farbe
  • Safari und Firefox unterstützen dies seit 2025; das Projekt soll nun browserübergreifende Kompatibilität sicherstellen

• Custom Highlights

  • Über die CSS Custom Highlight API können Textbereiche gestylt werden, ohne die DOM-Struktur zu verändern
  • Mit den Pseudoelementen ::highlight() und ::target-text lassen sich Suchergebnisse, Code-Highlights und kollaboratives Editieren umsetzen

• Dialog- und Popover-Verbesserungen

  • Fügt <dialog> und dem Attribut popover closedby, popover="hint" und die Pseudoklasse :open hinzu
  • Funktionen zur Verbesserung von UI-Overlays, die Barrierefreiheit und Nutzererfahrung erhöhen

• Fetch Uploads & Ranges

  • Ergänzt die API fetch() um Streaming-Uploads, FormData-Verbesserungen und Unterstützung für den Header Range
  • Ermöglicht effiziente Datenübertragung bei großen Uploads und teilweisen Downloads

• IndexedDB getAllRecords()

  • Fügt IDBObjectStore und IDBIndex die Methode getAllRecords() hinzu
  • Verbessert die Performance durch Batch-Abfragen und Rückwärtssuche

• JSPI for Wasm

  • Die JavaScript Promise Integration API schließt die Lücke zwischen asynchronem und synchronem Verhalten in WebAssembly
  • Bestehende C/C++/Rust-Anwendungen lassen sich dadurch leicht ins Web portieren

• Media Pseudo-classes

  • Bietet sieben Pseudoklassen, mit denen CSS abhängig vom Status von <audio> und <video> angewendet werden kann
    • Beispiel: :playing, :paused, :muted usw.
  • Safari unterstützt dies bereits, und das Projekt soll die Funktion nun auf andere Browser ausweiten

• Navigation API

  • Eine neue API zur Navigationssteuerung, die das bei der SPA-Entwicklung komplexe history.pushState() ersetzen soll
  • Interop 2025 erreichte 92,3 % bestandene Tests; 2026 kommt die Option precommitHandler hinzu

• Scoped Custom Element Registries

  • Um globale Konflikte zu lösen, können bereichsspezifische CustomElementRegistry erzeugt werden
  • Safari 26.0 war die erste Implementierung; das Projekt soll nun Konsistenz in allen Browsern sicherstellen

• Scroll-driven Animations

  • Ermöglicht die Steuerung von Animationen allein mit CSS anhand der Scroll-Position
  • Die Unterstützung begann mit Safari 26.0; nun soll die Standardisierung scrollbasierter Interaktionen vorangetrieben werden

• Scroll Snap

  • Steuert Ausrichtung und Snap-Verhalten in Scroll-Containern
  • Um Abweichungen durch ältere Spezifikationsänderungen zu beheben, werden testbasierte Verbesserungen durchgeführt

• shape()

  • Erlaubt in clip-path und shape-outside die Definition komplexer kurvenbasierter Formen
  • Unterstützt seit Safari 18.4; Ziel ist eine konsistente Umsetzung responsiver Kurvendarstellung

• View Transitions

  • Bietet Animationseffekte bei Seitenübergängen
  • Ausgangspunkt sind 90,8 % Kompatibilität im Jahr 2025; 2026 wird dies auf Cross-Document-Übergänge erweitert

• Web Compat

  • Eine Testsammlung zur Lösung von Kompatibilitätsproblemen auf realen Websites
    • Enthält u. a. das Laden von ESM-Modulen, Timing von Scroll-/Animations-Events und die Eigenschaft user-select

• WebRTC

  • Ein Standard für Echtzeitkommunikation von Audio, Video und Daten
  • Wird nach einer Erfolgsquote von 91,6 % im Jahr 2025 weiter verbessert

• WebTransport

  • Eine bidirektionale Kommunikations-API auf Basis von HTTP/3 mit niedriger Latenz und Multi-Stream-Unterstützung
  • Bietet feinere Kontrolle als WebSocket und eine einfachere Struktur als WebRTC

• CSS Zoom

  • Skaliert Elemente und Inhalte und wirkt sich direkt auf das Layout aus
  • Wurde von einer nicht standardisierten Eigenschaft standardisiert und wird seit 2025 weiter konsistenter gemacht

Untersuchungen und künftige Aufgaben

• Barrierefreiheitstests

  • Die Testinfrastruktur zur Sicherstellung einer konsistenten Accessibility-Tree-Darstellung zwischen Browsern wird weiter verbessert

• JPEG XL

  • Ein Bildformat der nächsten Generation mit Unterstützung für Animation, Transparenz und verlustfreie Kompression
  • Wird seit Safari 17.0 unterstützt und könnte künftig offiziell in die Testpunkte aufgenommen werden

• Mobile Tests

  • Verbesserung der Testinfrastruktur für mobile Funktionen wie dynamische Viewport-Änderungen

• WebVTT

  • Fortlaufende Prüfung zur Behebung browserübergreifender Unterschiede beim Untertitel- und Caption-Standard

Auf dem Weg zu einem interoperableren Web

• Interop 2026 deckt Kernbereiche wie CSS-Flexibilität, visuelle Übergänge, Echtzeitkommunikation und Datenübertragung ab
• Langjährige Inkonsistenzen bei Scroll Snap, shape() und Web Compat sollen behoben werden
• Das WebKit-Team arbeitet mit dem Ziel zusammen, konsistentes Verhalten in allen Browsern zu erreichen
• Letztlich bietet dies Entwicklern eine zuverlässigere Grundlage der Webplattform