Baru menggunakan platform web pada bulan April

Temukan beberapa fitur menarik yang telah hadir di browser web versi stabil dan beta selama April 2026.

Rachel Andrew

Dipublikasikan: 24 April 2026

Rilis browser stabil

Chrome 147 dan Firefox 150 dirilis ke versi stabil selama bulan April. Tidak ada rilis stabil Safari bulan ini. Postingan ini membahas banyak fitur baru bulan ini.

Fungsi CSS contrast-color() menjadi Dasar

Dengan diluncurkannya fungsi contrast-color() di Chrome 147, fitur aksesibilitas yang berguna ini kini tersedia di semua mesin utama, sehingga menjadikannya Tersedia di Baseline.

Fungsi ini mengambil nilai warna dan menampilkan hitam atau putih, bergantung pada warna yang memberikan kontras tertinggi terhadap warna yang diberikan. Hal ini membantu memastikan teks Anda memenuhi persyaratan kontras aksesibilitas.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

Properti rentang animasi berbasis scroll kini menjadi Dasar

Firefox 150 menyertakan dukungan untuk properti animation-range-start dan animation-range-end, serta singkatan animation-range. Hal ini membuat properti tersebut tersedia di Baseline Baru.

Dengan properti ini, Anda dapat mengontrol di mana animasi akan dimulai dan berakhir di sepanjang linimasa animasi berbasis scroll.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

Metode ariaNotify()

Firefox 150 memperkenalkan dukungan untuk metode ariaNotify() di Document dan Element. Metode ini memungkinkan penulis konten mengantrekan string teks untuk diumumkan oleh pembaca layar.

Hal ini memberikan alternatif yang lebih andal dan ergonomis untuk area aktif ARIA, terutama untuk pengumuman yang tidak terkait dengan update DOM.

Browser Support

  • Chrome: 141.
  • Edge: 141.
  • Firefox: not supported.
  • Safari: not supported.

Source

Ukuran otomatis untuk gambar yang dimuat lambat

Firefox 150 kini mendukung kata kunci "auto" untuk atribut sizes elemen <img>. Hal ini memungkinkan gambar yang dimuat secara lambat menggunakan ukuran tata letak gambar yang dihitung untuk memilih sumber terbaik dari srcset, sehingga menyederhanakan penyiapan gambar responsif.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari: not supported.

Source

Transisi tampilan cakupan elemen

Chrome 147 mengekspos element.startViewTransition() pada elemen HTML arbitrer. Hal ini memungkinkan transisi yang dicakup ke elemen tertentu, yang berarti pseudo-elemen dipengaruhi oleh klip dan transformasi ancestor, dan beberapa transisi dapat berjalan secara bersamaan.

Properti border-shape CSS

Chrome 147 memperkenalkan properti border-shape, yang memungkinkan Anda membuat batas non-persegi panjang dengan bentuk seperti poligon atau lingkaran.

Atribut jalur SVG <textPath>

Chrome 147 menambahkan dukungan untuk atribut path pada elemen <textPath> SVG, sehingga Anda dapat menentukan geometri jalur teks secara inline.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 61.
  • Safari: not supported.

Dukungan modulepreload untuk JSON dan gaya

Chrome 147 menambahkan dukungan untuk jenis modul JSON dan gaya sebagai tujuan <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 menerapkan proposal TC39 untuk Math.sumPrecise, yang menampilkan jumlah nilai yang tepat dalam iterable. Metode ini kini tersedia di Baseline.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

Rilis browser beta

Versi browser Beta memberi Anda pratinjau tentang hal-hal yang akan ada di versi stabil browser berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut tersedia untuk publik. Beta baru bulan ini adalah Chrome 148, Firefox 151, dan Safari 26.5.

Beta Chrome 148 menyertakan kueri penampung hanya nama di CSS, pemuatan lambat untuk elemen video dan audio, serta fungsi at-rule() untuk deteksi fitur di @supports.

Firefox 151 beta menyertakan kueri gaya penampung CSS.

Beta Safari 26.5 menyertakan dukungan untuk class semu :open pada elemen <details>, <dialog>, <select>, dan <input>, selain sejumlah besar penyelesaian masalah.