Du baust ein Kundenprojekt mit einem schicken Seitenübergang, einem klebrigen Scroll-Effekt und einem endlich hübsch gestalteten Auswahlmenü. In Chrome sieht alles aus wie geplant. Dann öffnest du die Seite in Safari – und der halbe Feinschliff fehlt oder bricht. Es folgt der übliche Nachmittag: Fallback-CSS, ein Polyfill, ein @supports-Block, am Ende doch wieder ein kleines Stück JavaScript. Genau diese Reibung ist der Grund, warum es Interop gibt. Und 2026 arbeitet das Projekt an Features, die für Agenturen besonders viel Handarbeit sparen.
Dieser Beitrag erklärt, was Interop 2026 ist, welche der 20 Schwerpunkte für deinen Alltag zählen, was im Spätsommer 2026 bereits in allen Browsern angekommen ist – und wie du die Erkenntnisse nutzt, ohne dich zu verzetteln.
Interop 2026: der gemeinsame To-do-Zettel der Browser
Interop ist eine Kooperation, in der sich die großen Browser-Hersteller einmal im Jahr auf eine gemeinsame Liste von Baustellen einigen und diese gezielt abarbeiten. Für Interop 2026 haben sich laut der Ankündigung bei WebKit vom 12. Februar 2026 Apple (WebKit), Google, Microsoft, Mozilla und das Entwicklungshaus Igalia zusammengetan – es ist bereits das fünfte Jahr dieser Zusammenarbeit. Auch Google auf web.dev, Mozilla und Microsoft Edge haben den Start zeitgleich bestätigt.
Der Kern des Projekts ist einfach: Eine Technik gilt erst dann als wirklich benutzbar, wenn sie in jedem Browser gleich funktioniert. Deshalb misst Interop den Fortschritt an gemeinsamen Testsuiten – je mehr Tests ein Browser besteht, desto höher sein Score. Für 2026 wurden 20 Schwerpunktbereiche festgelegt, 15 davon neu, 5 aus dem Vorjahr übernommen. Das ist der entscheidende Unterschied zu einer reinen Feature-Liste: Interop ist kein Versprechen, dass etwas schon überall läuft, sondern eine verbindliche Absichtserklärung, genau diese Lücken dieses Jahr zu schließen.
Warum das für kleine Agenturen bares Geld ist
Cross-Browser-Fehler sind unsichtbare Kostenstellen. Sie tauchen spät auf – oft erst beim Testen kurz vor dem Launch oder, schlimmer, nach der Freigabe durch den Kunden. Jede Abweichung zwischen Chrome, Safari und Firefox bedeutet Zeit, die du suchst, reproduzierst und umschiffst, statt sie abzurechnen. Wenn Interop dafür sorgt, dass ein Feature in allen Engines dieselbe Ausgabe liefert, fällt diese Arbeit weg: kein Fallback, kein Polyfill, kein „funktioniert nur in Chromium“. Für ein Dreier-Team mit zehn parallelen Projekten ist das kein akademisches Thema, sondern direkt gewonnene Stunden.
Dazu kommt ein zweiter, unterschätzter Effekt: weniger Code. Jeder Fallback und jedes Polyfill ist eine Zeile, die du schreibst, testest und über Jahre pflegst – auch im Wartungsvertrag. Wenn ein Feature nativ und überall funktioniert, wird dein Projekt schlanker, lädt schneller und hat weniger Stellen, an denen später etwas bricht. Gerade in der Wartung, wo du für viele kleine Kundenseiten gleichzeitig geradestehst, zahlt sich das doppelt aus. Interop verschiebt die Arbeit also nicht nur nach vorn, es reduziert sie dauerhaft.
Diese Schwerpunkte 2026 solltest du kennen
Die vollständige Liste ist lang, aber einige Bereiche betreffen den Agentur-Alltag unmittelbar. Alle folgenden Punkte stehen laut WebKit auf der offiziellen Schwerpunktliste für Interop 2026.
Anchor Positioning löst ein uraltes Problem: Elemente wie Tooltips, Menüs oder Popovers präzise an einem anderen Element auszurichten, ohne JavaScript-Positionsberechnung. Bisher war der Browser-Support uneinheitlich – genau deshalb steht es auf der Liste.
View Transitions bringen animierte Übergänge zwischen Seiten oder Zuständen, die bislang ein Framework oder viel Handarbeit verlangten. Wie das funktioniert, haben wir in unserem Beitrag zur View Transitions API gezeigt; 2025 lag die Technik laut den Interop-Messungen browserübergreifend bereits bei rund 90 Prozent bestandener Tests, 2026 soll der Rest folgen.
Scroll-driven Animations koppeln Animationen an die Scroll-Position – ohne Scroll-Listener in JavaScript. Auch dazu gibt es bei uns einen Praxis-Guide zu Scroll-Animationen ohne JavaScript. Dass das Thema erneut auf der Interop-Liste steht, ist ein ehrliches Signal: Es funktioniert noch nicht überall gleich zuverlässig.
Container Style Queries erlauben es, Komponenten nicht nach Bildschirmbreite, sondern nach dem Stil ihres Containers zu gestalten – ein großer Schritt für wirklich wiederverwendbare Bausteine, wie man sie in Agenturen über viele Kundenprojekte hinweg braucht.
Dazu kommen Feinheiten, die trotzdem Nerven sparen: das anpassbare <select>-Element, zu dem wir beschrieben haben, wie du das select-Element endlich ohne JavaScript stylen kannst, Ergänzungen für dialog und popover, die Funktion contrast-color() für automatisch lesbare Textfarben sowie Scroll Snap für saubere Slider. Vier neue Bereiche – unter anderem das erweiterte attr() und getAllRecords() für IndexedDB – machen laut WebKit zusammen rund 20 Prozent des Gesamtscores aus und zeigen, dass auch die weniger glamourösen Bausteine mitgedacht werden.
Investigation-Bereiche: woran noch geforscht wird
Vier Themen sind 2026 nicht als Punktewertung, sondern als „Investigation“ gelistet: Accessibility-Testing, das Bildformat JPEG XL, Mobile-Testing und WebVTT für Untertitel. Hier geht es erst darum, überhaupt verlässliche Testverfahren zu schaffen. Für dich heißt das: Diese Bereiche bleiben vorerst heikel, hier solltest du nicht auf einheitliches Verhalten wetten. Dass ausgerechnet Accessibility- und Mobile-Testing noch keine Punkte bringen, ist dabei kein Nebensatz – es ist die ehrliche Zahl hinter dem Versprechen, denn gerade Barrierefreiheit und mobile Darstellung lassen sich bislang nur schwer automatisiert und browserübergreifend prüfen.
Was im Spätsommer 2026 schon angekommen ist
Interop ist kein Versprechen für irgendwann, sondern zeigt sich im laufenden Jahr in den Browser-Releases. Der Monatsüberblick von web.dev für September 2026 listet genau die Fortschritte, auf die das Projekt einzahlt: Mit Safari 27 bekam das anpassbare <select> über appearance: base-select und <selectedcontent> endlich auch in Apples Browser Einzug, nachdem Chrome das länger konnte. Ebenfalls im September neu und laut web.dev „Baseline Newly available“ waren unter anderem die relative Farbanpassung alpha(), das Bildwechseln per light-dark() und das Scroll-Anchoring über overflow-anchor in Safari 27.
Der Unterschied zwischen „Baseline Newly available“ und dem, was du bedenkenlos einsetzt, ist dabei wichtig. Baseline markiert den Moment, in dem ein Feature in allen großen Engines verfügbar ist. Erst wenn dieser Zustand lange genug anhält, wird aus „newly“ ein „widely available“. Wie du diesen Reifegrad einschätzt, haben wir im Beitrag zu Baseline 2026 ausführlich erklärt. Interop und Baseline greifen also ineinander: Interop treibt die Lücken aktiv zu, Baseline dokumentiert, wann sie geschlossen sind.
So nutzt du das in der Praxis
Verfolge nicht den Interop-Score Woche für Woche – das ist Arbeit für die Browser-Teams, nicht für dich. Nützlicher ist eine einfache Routine im Projekt. Erstens: Bevor du für ein Feature einen Fallback baust, prüfe kurz, ob es auf der Interop-2026-Liste steht und ob es laut Baseline inzwischen verfügbar ist. Oft kannst du dir den Umweg sparen. Zweitens: Lege die Browser-Mindestanforderung pro Kundenprojekt bewusst fest und halte sie schriftlich im Angebot fest – das schützt dich, wenn ein Kunde später eine exotische Alt-Version nachfordert. Drittens: Teste weiter real in mehreren Browsern. Interop verkleinert die Unterschiede, es beseitigt sie nicht über Nacht, und gerade die Investigation-Bereiche bleiben wackelig.
Welche konkreten Techniken du 2026 ohnehin stärker einsetzen kannst, um JavaScript zu sparen, findest du gebündelt in unserer Übersicht zu modernen CSS-Features 2026.
Fazit
Interop 2026 ist weniger eine Nachricht als ein Arbeitsprogramm – aber eines, das deinen Alltag spürbar entlastet. Die fünf großen Browser-Hersteller haben sich auf 20 Baustellen geeinigt, und viele davon betreffen genau die Techniken, die kleinen Agenturen sonst stundenweise Fallback-Arbeit aufzwingen: Anchor Positioning, View Transitions, Scroll-driven Animations, Container Style Queries, das anpassbare Auswahlmenü. Im September 2026 ist bereits ein guter Teil davon in allen Browsern gelandet. Dein Gewinn entsteht nicht dadurch, dass du den Fortschritt verfolgst, sondern dass du im richtigen Moment aufhörst, gegen den Browser zu programmieren – und die gewonnene Zeit in das steckst, was der Kunde wirklich bezahlt.
- Interop 2026 ist die gemeinsame Absichtserklärung von Apple, Google, Microsoft, Mozilla und Igalia, 20 Schwerpunktbereiche dieses Jahr browserübergreifend zuverlässig zum Laufen zu bringen.
- Für kleine Agenturen heißt das: weniger Fallbacks, Polyfills und Cross-Browser-Workarounds – also direkt gesparte, nicht abrechenbare Stunden.
- Besonders relevant sind Anchor Positioning, View Transitions, Scroll-driven Animations, Container Style Queries und das anpassbare select-Element.
- Im September 2026 kamen unter anderem das anpassbare select-Element und overflow-anchor in Safari 27 an und wurden Baseline Newly available.
- Nutze Interop als Entscheidungshilfe gegen unnötige Fallbacks – teste aber weiter real in mehreren Browsern, denn die Investigation-Bereiche bleiben unsicher.