Berbagai fitur baru telah hadir pada peramban web versi stabil dan beta sepanjang April 2026. Rilis stabil bulan ini mencakup Chrome 147 dan Firefox 150 tanpa adanya versi stabil Safari, sementara versi beta menghadirkan Chrome 148, Firefox 151, serta Safari 26.5. Pembaruan tersebut membawa sejumlah kapabilitas baru untuk CSS, JavaScript, HTML, aksesibilitas, dan transisi tampilan.
Fungsi CSS contrast-color() dan Aksesibilitas
Fungsi CSS contrast-color() kini berstatus Baseline Baru Tersedia setelah Chrome 147 menggulirkannya secara resmi. Fungsi aksesibilitas ini beroperasi dengan menerima nilai warna masukan lalu mengembalikan warna hitam atau putih berdasarkan opsi mana yang menghasilkan tingkat kontras tertinggi terhadap warna dasar tersebut. Kemampuan ini membantu memastikan teks memenuhi kriteria kontras aksesibilitas. Dukungan peramban untuk fungsi ini tercatat pada Chrome 147, Edge 147, Firefox 146, serta Safari 26.
Firefox 150 memperkenalkan dukungan terhadap metode ariaNotify() pada antarmuka Document dan Element. Kehadiran metode ini memungkinkan para pembuat konten mengantrekan untaian teks tertentu untuk diumumkan melalui pembaca layar. Solusi tersebut menyediakan alternatif yang lebih andal dan ergonomis dibandingkan ARIA live regions, khususnya untuk penyampaian pengumuman yang tidak terikat langsung pada pembaruan Document Object Model. Catatan dukungan peramban menunjukkan ketersediaan pada Chrome 141, Edge 141, Firefox 150, dan Safari 27.
Dukungan terhadap kata kunci auto pada atribut sizes elemen gambar img kini resmi hadir di Firefox 150. Penambahan ini memungkinkan gambar yang dimuat secara lambat atau lazy-loaded memanfaatkan ukuran tata letak kalkulasi gambar guna memilih sumber paling tepat dari rangkaian srcset. Mekanisme tersebut menyederhanakan konfigurasi gambar responsif pada halaman web. Riwayat dukungan peramban tercatat pada Chrome 126, Edge 126, Firefox 150, serta Safari 27.
Pembaruan Transisi Tampilan Bertarget Elemen
Untuk transisi tampilan, Chrome 147 mengekspos metode element.startViewTransition() pada elemen HTML arbitrer. Fitur ini memungkinkan transisi dibatasi cakupannya pada elemen tertentu, sehingga elemen semu dipengaruhi oleh klip dan transformasi milik leluhur, serta memungkinkan berjalannya beberapa transisi secara bersamaan. Dukungan peramban untuk transisi bertarget elemen ini hadir di Chrome 147 dan Edge 147, sementara Firefox dan Safari belum mendukungnya.
Chrome 147 juga menghadirkan properti CSS border-shape yang memberikan kemampuan untuk menciptakan batas nonpersegi dengan aneka bentuk geometri seperti poligon atau lingkaran. Fitur penataan bentuk batas ini tercatat didukung pada Chrome 147 dan Edge 147. Selain itu, Chrome 147 menambahkan dukungan atribut path pada elemen SVG textPath sehingga perancang web dapat menentukan geometri jalur teks secara langsung di dalam elemen terkait, melengkapi dukungan terdahulu di Firefox 61.
Pemuatan Modul dan Fitur JavaScript Baru
Terkait pemuatan modul, Chrome 147 menambahkan dukungan bagi tipe modul JSON serta style sebagai destinasi elemen link rel="modulepreload". Kemampuan pra-pemuatan modul ini didukung oleh Chrome 147, Edge 147, dan Safari 26.2. Pada sisi JavaScript, Chrome 147 mengimplementasikan proposal TC39 untuk Math.sumPrecise yang menghasilkan jumlah nilai presisi dari suatu iterable. Metode Math.sumPrecise kini berstatus Baseline Baru Tersedia dengan dukungan peramban meliputi Chrome 147, Edge 147, Firefox 137, dan Safari 26.2.
Fitur Pratinjau pada Rilis Peramban Beta
Rilis peramban versi beta memberikan pratinjau terhadap berbagai fitur yang akan dihadirkan pada versi stabil berikutnya. Saluran beta menjadi kesempatan untuk menguji fungsionalitas baru maupun penghapusan fitur yang berpotensi memengaruhi situs sebelum diluncurkan secara luas. Rilis beta bulan ini meliputi Chrome 148 beta yang menyertakan name-only container queries pada CSS, pemuatan lambat untuk elemen video dan audio, serta fungsi at-rule() untuk pendeteksian fitur di dalam aturan @supports.
Versi beta lainnya adalah Firefox 151 yang menyertakan dukungan terhadap CSS container style queries. Sementara itu, Safari 26.5 beta membawa dukungan terhadap kelas semu :open pada elemen details, dialog, select, dan input, di samping menghadirkan perbaikan untuk sejumlah besar masalah. Pada publikasi awal, artikel sumber sempat menyebutkan bahwa properti rentang animasi berbasis gulir atau scroll-driven animation range properties telah menjadi Baseline. Keterangan tersebut kemudian diperbarui untuk mencabut informasi keliru tersebut karena properti terkait belum dirilis di Firefox.
Diadaptasi dan diterjemahkan ke Bahasa Indonesia dari New to the web platform in April, karya Rachel Andrew (web.dev / Google), diterbitkan pada 2026-04-24, berlisensi CC BY 4.0. Adaptasi prosa ini menggunakan lisensi yang sama.
