Dipublikasikan: 12 Februari 2026
Dengan senang hati kami mengumumkan Interop 2026, sebuah upaya untuk meningkatkan interoperabilitas fitur utama platform web di berbagai browser. Dijalankan oleh tim perwakilan dari perusahaan yang memberikan kontribusi besar pada mesin rendering browser—termasuk Apple, Google, Igalia, Microsoft, dan Mozilla—Interop 2026 berfokus pada fitur yang menjadi prioritas tinggi bagi developer web dan pengguna akhir.
Sesuai dengan upaya Interop sebelumnya, pengujian yang dipilih akan terus dijalankan di infrastruktur pengujian otomatis, dengan rasio kelulusan ditampilkan di dasbor Interop 2026.
Area Fokus
Area fokus untuk tahun 2026 mencakup beberapa area yang diidentifikasi sebagai masalah interoperabilitas utama dalam survei State of HTML dan State of CSS. Kami melacak masalah ini di webstatus.dev. Banyak fitur yang disertakan tahun ini juga muncul dalam 20 masalah yang paling banyak diminta di repositori sinyal developer.
Penentuan posisi anchor
Muncul di: Masalah interoperabilitas teratas, sinyal developer pemosisian anchor
Penempatan anchor memungkinkan Anda menempatkan elemen berdasarkan posisi elemen lain, seperti menempatkan tooltip di samping konten yang dirujuknya. Area fokus ini berlanjut dari Interop 2025 dan hanya mencakup pengujian dari tahun 2025.
Kueri gaya penampung
Muncul di: Masalah interoperabilitas teratas, sinyal developer kueri gaya penampung
Kueri gaya penampung menerapkan gaya ke elemen berdasarkan nilai terkomputasi dari properti kustom penampungnya, menggunakan aturan @@container bersama dengan satu atau beberapa fungsi style().
Dialog dan popover
Muncul di: Masalah interoperabilitas teratas, sinyal developer closedby, hint
Untuk Interop 2026, pekerjaan pada elemen <dialog> dan Popover API berfokus pada:
- Atribut
<dialog closedby>, yang menetapkan tindakan pengguna yang menutup dialog (misalnya, mengklik di luar dialog). - Pseudo-class CSS
:open, yang cocok dengan elemen yang memiliki status terbuka. - Atribut global
popover="hint", yang membuat popover bawahan ke popover otomatis lainnya, berguna untuk tooltip.
Animasi berbasis scroll
Muncul di: Masalah interoperabilitas teratas
Hal ini mencakup properti CSS animation-timeline, scroll-timeline, dan view-timeline, yang memajukan animasi berdasarkan posisi scroll pengguna.
Melihat transisi
Muncul di: Masalah interoperabilitas teratas, sinyal developer Transisi tampilan lintas dokumen
Interop 2025 menghadirkan transisi tampilan dalam dokumen yang sama ke Baseline Baru tersedia. Untuk Interop 2026, fokus kerja transisi tampilan adalah:
- Meningkatkan kualitas transisi tampilan dokumen yang sama.
- Atribut
blocking="render"untuk<link>,<script>, dan<style>. - Atribut
<link rel="expect">. - Pseudo-class CSS
:active-view-transition-type(). - Transisi tampilan lintas dokumen.
Fungsi CSS attr()
Muncul di sinyal developer attr()
Fungsi CSS attr() menampilkan nilai atribut elemen HTML, dengan opsi untuk menampilkan nilai tersebut sebagai jenis tertentu atau dengan unit tertentu.
Selain fitur utama yang Anda soroti dalam survei ini, Interop 2026 mencakup:
Fungsi CSS contrast-color()
Fungsi CSS contrast-color() memilih warna yang memiliki kontras terjamin terhadap warna latar depan atau latar belakang yang ditentukan.
Sorotan kustom
Sorotan kustom memungkinkan Anda menata rentang teks arbitrer tanpa menambahkan elemen tambahan ke DOM.
Mengambil upload dan rentang
Pengerjaan metode fetch() berfokus pada ReadableStream di isi untuk melakukan streaming data ke server, mendukung FormData dan jenis media untuk permintaan dan respons, serta mendukung header Range.
IndexedDB
Area fokus IndexedDB menargetkan metode getAllRecords() dari IDBObjectStore dan IDBIndex. Metode ini mempercepat operasi baca pada set data besar dengan menampilkan kumpulan data dan kunci primernya dalam batch.
JSPI untuk Wasm
JavaScript Promise Integration API (JSPI) memungkinkan aplikasi Wasm yang mengharapkan akses sinkron ke fungsi eksternal berfungsi di lingkungan tempat fungsi tersebut bersifat asinkron.
Pseudo-class media
Area ini mencakup pseudo-class CSS :playing, :paused, :seeking, :buffering, :stalled, :muted, dan :volume-locked, yang cocok dengan elemen <audio> dan <video> berdasarkan statusnya.
Navigation API
Tahun ini, upaya akan difokuskan untuk terus meningkatkan interoperabilitas Navigation API, dan pada opsi precommitHandler untuk navigateEvent.intercept(), yang menunda penerapan hingga handler diselesaikan.
Pendaftaran elemen kustom cakupan
Konstruktor CustomElementRegistry() membuat pendaftaran elemen kustom baru yang terpisah dari pendaftaran global, sehingga memungkinkan beberapa elemen kustom dengan nama tag yang sama dapat berdampingan.
Pengepasan scroll
Area fokus ini mencakup fitur ke-snap scroll CSS, yang mengontrol perilaku menggeser dan men-scroll dalam penampung scroll.
Fungsi CSS shape()
Fungsi CSS shape() membuat bentuk menggunakan perintah seperti line, move, dan curve, serta dapat digunakan dengan clip-path dan shape-outside.
Kompatibilitas web
Area ini menargetkan masalah interoperabilitas tertentu yang menyebabkan masalah di dunia nyata, termasuk:
- Memuat modul ESM.
- Waktu peristiwa scroll relatif terhadap peristiwa animasi.
- Menghapus awalan properti
-webkit-user-select.
WebRTC
Untuk Interop 2026, pekerjaan berfokus pada perbaikan pengujian yang gagal dari area fokus Interop 2025 dan terus meningkatkan interoperabilitas WebRTC.
WebTransport API
Area ini mencakup WebTransport API, yang mentransmisikan data antara klien dan server menggunakan protokol HTTP/3.
Properti CSS zoom
Melanjutkan dari Interop 2025, area ini berfokus pada properti CSS zoom, yang menskalakan ukuran elemen dan memengaruhi tata letak halaman.
Upaya investigasi
Interop 2026 juga mencakup upaya investigasi untuk menyiapkan fitur mendatang untuk pengujian dan pekerjaan interoperabilitas:
- Pengujian aksesibilitas: Berupaya menghasilkan pohon aksesibilitas yang konsisten di seluruh browser dan meningkatkan infrastruktur WPT.
- JPEG XL: Berfokus untuk membuat format gambar JPEG XL dapat diuji, termasuk menentukan persyaratan untuk rendering progresif.
- Pengujian seluler: Meningkatkan infrastruktur WPT untuk menguji fitur khusus seluler seperti perubahan area tampilan dinamis.
- WebVTT: Memperbaiki pengujian dan memperbarui dokumentasi untuk meningkatkan pemahaman tentang kepatuhan terhadap standar.
Melacak progres hingga tahun 2026
Ikuti perkembangan project di dasbor Interop 2026.