Veröffentlicht: 12. Februar 2026
Wir freuen uns, Interop 2026 anzukündigen. Ziel dieser Initiative ist es, die Interoperabilität wichtiger Funktionen der Webplattform in verschiedenen Browsern zu verbessern. Interop 2026 wird von einem Team aus Vertretern von Unternehmen durchgeführt, die einen wesentlichen Beitrag zu Browser-Rendering-Engines leisten, darunter Apple, Google, Igalia, Microsoft und Mozilla. Der Schwerpunkt liegt auf Funktionen, die für Webentwickler und Endnutzer von hoher Priorität sind.
Wie bei früheren Interop-Bemühungen werden ausgewählte Tests kontinuierlich auf der automatisierten Testinfrastruktur ausgeführt. Die Erfolgsraten werden im Interop 2026-Dashboard angezeigt.
Schwerpunkte
Die Schwerpunkte für 2026 umfassen mehrere Bereiche, die in den Umfragen „State of HTML“ und „State of CSS“ als die größten Interoperabilitätsprobleme identifiziert wurden. Wir verfolgen diese Probleme auf webstatus.dev. Viele der in diesem Jahr enthaltenen Funktionen gehören auch zu den 20 am häufigsten gewünschten Problemen im Repository für Entwicklersignale.
Ankerpositionierung
Vorkommen: Wichtigste Interoperabilitätsprobleme, Entwicklersignale Ankerpositionierung
Mit der Ankerpositionierung können Sie ein Element basierend auf der Position eines anderen Elements platzieren, z. B. eine Kurzinfo neben dem Inhalt, auf den sie verweist. Dieser Schwerpunktbereich wird von Interop 2025 fortgesetzt und umfasst nur die Tests aus dem Jahr 2025.
Containerstilabfragen
Wird angezeigt in: Wichtigste Interoperabilitätsprobleme, Entwicklersignale Containerstil-Abfragen
Mit Containerstilabfragen werden Stile auf ein Element angewendet, basierend auf den berechneten Werten der benutzerdefinierten Attribute des Containers. Dazu wird die @container-Regel zusammen mit einer oder mehreren style()-Funktionen verwendet.
Dialogfelder und Pop-overs
Erscheint in: Wichtigste Interop-Probleme, Entwicklersignale closedby, hint
Bei Interop 2026 liegt der Schwerpunkt bei der Arbeit am <dialog>-Element und der Popover API auf:
- Das Attribut
<dialog closedby>, mit dem die Nutzeraktionen festgelegt werden, die ein Dialogfeld schließen (z. B. Klicken außerhalb des Dialogfelds). - Die CSS-Pseudoklasse
:open, die mit Elementen übereinstimmt, die geöffnet sind. - Das globale Attribut
popover="hint", mit dem ein Pop-over untergeordnete Pop-overs erstellt werden kann, was für Tooltips nützlich ist.
Scrollgesteuerte Animationen
Erscheint in: Häufigste Interop-Probleme
Dazu gehören die CSS-Properties animation-timeline, scroll-timeline und view-timeline, mit denen Animationen basierend auf der Scrollposition des Nutzers gesteuert werden.
Übergänge ansehen
Erscheint in: Wichtigste Interoperabilitätsprobleme, Entwicklersignale Dokumentübergreifende Ansichtsübergänge
Mit Interop 2025 wurden Ansichtsübergänge für dasselbe Dokument in Baseline Newly available eingeführt. Bei Interop 2026 liegt der Fokus auf folgenden Aspekten von View Transitions:
- Übergänge zwischen Ansichten im selben Dokument werden verbessert.
- Das Attribut
blocking="render"für<link>,<script>und<style>. - Das Attribut
<link rel="expect">. - Die CSS-Pseudoklasse
:active-view-transition-type(). - Übergänge zwischen Dokumenten
Die CSS-Funktion attr()
Wird in Entwicklersignalen angezeigt attr()
Die CSS-Funktion attr() gibt den Wert eines Attributs eines HTML-Elements zurück. Optional kann der Wert als bestimmter Typ oder mit einer bestimmten Einheit zurückgegeben werden.
Neben diesen wichtigen Funktionen, die Sie in den Umfragen hervorgehoben haben, umfasst Interop 2026 Folgendes:
Die CSS-Funktion contrast-color()
Mit der CSS-Funktion contrast-color() wird eine Farbe ausgewählt, die garantiert einen Kontrast zur angegebenen Vorder- oder Hintergrundfarbe bietet.
Benutzerdefinierte Highlights
Mit benutzerdefinierten Hervorhebungen können Sie beliebige Textbereiche formatieren, ohne dem DOM zusätzliche Elemente hinzuzufügen.
Uploads und Bereiche abrufen
Bei der Methode fetch() liegt der Fokus auf ReadableStream im Textkörper, um Daten an den Server zu streamen. Dabei werden FormData und Medientypen für Anfragen und Antworten sowie der Header Range unterstützt.
IndexedDB
Der Fokusbereich von IndexedDB bezieht sich auf die getAllRecords()-Methoden von IDBObjectStore und IDBIndex. Diese Methoden beschleunigen Lesevorgänge für große Datasets, indem Datensätze und ihre Primärschlüssel in Batches zurückgegeben werden.
JSPI für Wasm
Mit der JavaScript Promise Integration API (JSPI) können Wasm-Anwendungen, die synchronen Zugriff auf externe Funktionen erwarten, in einer Umgebung ausgeführt werden, in der diese Funktionen asynchron sind.
Media-Pseudoklassen
Dieser Bereich umfasst die CSS-Pseudoklassen :playing, :paused, :seeking, :buffering, :stalled, :muted und :volume-locked, die <audio>- und <video>-Elementen basierend auf ihrem Status entsprechen.
Navigation API
In diesem Jahr wird der Schwerpunkt auf der weiteren Verbesserung der Interoperabilität der Navigation API und der Option precommitHandler zum navigateEvent.intercept() liegen, wodurch der Commit aufgeschoben wird, bis ein Handler aufgelöst wurde.
Registrierungen für benutzerdefinierte Elemente mit Bereich
Der CustomElementRegistry()-Konstruktor erstellt eine neue benutzerdefinierte Elementregistrierung, die von der globalen Registrierung getrennt ist. So können mehrere benutzerdefinierte Elemente mit demselben Tag-Namen vorhanden sein.
Scroll Snap
In diesem Fokusbereich geht es um CSS-Scroll-Snapping, mit dem das Schwenken und Scrollen in einem Scroll-Container gesteuert wird.
Die CSS-Funktion shape()
Mit der CSS-Funktion shape() werden Formen mithilfe von Befehlen wie „line“, „move“ und „curve“ erstellt. Sie kann mit clip-path und shape-outside verwendet werden.
Webkompatibilität
Dieser Bereich zielt auf bestimmte Interoperabilitätsprobleme ab, die reale Probleme verursachen, darunter:
- ESM-Modul wird geladen.
- Das Timing von Scroll-Ereignissen im Verhältnis zu Animationsereignissen.
- Entfernen des Präfixes des Attributs
-webkit-user-select.
WebRTC
Bei Interop 2026 liegt der Schwerpunkt darauf, die verbleibenden fehlgeschlagenen Tests aus dem Fokusbereich von Interop 2025 zu beheben und die WebRTC-Interoperabilität weiter zu verbessern.
WebTransport API
In diesem Bereich wird die WebTransport API behandelt, mit der Daten zwischen einem Client und einem Server über das HTTP/3-Protokoll übertragen werden.
Die CSS-Eigenschaft zoom
Dieser Bereich setzt Interop 2025 fort und konzentriert sich auf die CSS-Eigenschaft zoom, mit der die Größe eines Elements skaliert wird und die sich auf das Seitenlayout auswirkt.
Prüfungsaufwand
Interop 2026 umfasst auch Untersuchungen zur Vorbereitung zukünftiger Funktionen für Tests und Interoperabilität:
- Barrierefreiheitstests:Wir arbeiten daran, einheitliche Barrierefreiheitsbäume in allen Browsern zu generieren und die WPT-Infrastruktur zu verbessern.
- JPEG XL:Der Fokus liegt darauf, das Bildformat JPEG XL testbar zu machen, einschließlich der Definition von Anforderungen für das progressive Rendern.
- Mobile Tests:Verbesserung der WPT-Infrastruktur zum Testen mobilspezifischer Funktionen wie dynamischer Änderungen des Viewports.
- WebVTT:Tests werden korrigiert und die Dokumentation wird aktualisiert, um das Verständnis der Standardkonformität zu verbessern.
Fortschritt bis 2026 verfolgen
Sie können das Projekt im Interop 2026-Dashboard verfolgen.