Nisan ayında web platformundaki yenilikler

Nisan 2026'da kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Yayınlanma tarihi: 24 Nisan 2026

Kararlı tarayıcı sürümleri

Chrome 147 ve Firefox 150 Nisan ayında kararlı sürümde yayınlandı. Bu ay Safari'nin kararlı sürümü yayınlanmadı. Bu yayında, bu ay kullanıma sunulan birçok yeni özelliği ele alıyoruz.

contrast-color() CSS işlevi, Baseline olur

Chrome 147'nin contrast-color() işlevini kullanıma sunmasıyla birlikte bu faydalı erişilebilirlik özelliği artık tüm büyük motorlarda kullanılabilir ve Baseline Newly Available (Yeni Kullanıma Sunulan Temel) olarak işaretlenir.

Bu işlev, bir renk değeri alır ve sağlanan renkle en yüksek kontrastı sağlayan renge bağlı olarak siyah veya beyaz döndürür. Bu sayede metninizin erişilebilirlik için kontrast şartlarını karşıladığından emin olabilirsiniz.

Browser Support

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

Source

Kaydırmaya dayalı animasyon aralığı özellikleri artık Baseline

Firefox 150, animation-range-start ve animation-range-end özelliklerinin yanı sıra animation-range kısaltmasını destekler. Bu işlem, söz konusu mülkleri Baseline Newly available (Yeni kullanıma sunulan temel) yapar.

Bu özellikler, kaydırmaya dayalı animasyon zaman çizelgesinde animasyonun nerede başlayıp nerede biteceğini kontrol etmenize olanak tanır.

Browser Support

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

Source

ariaNotify() yöntemi

Firefox 150, ariaNotify() ve Element'de ariaNotify() yönteminin desteklenmesini sağlar.Document Bu yöntem, içerik yazarlarının ekran okuyucu tarafından okunacak bir metin dizisini sıraya almasına olanak tanır.

Bu, özellikle DOM güncellemeleriyle ilişkili olmayan duyurular için ARIA canlı bölgelerine daha güvenilir ve ergonomik bir alternatif sunar.

Browser Support

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

Source

Geç yüklenen resimler için otomatik boyutlar

Firefox 150 artık "auto" anahtar kelimesini <img> öğelerinin sizes özelliği için destekliyor. Bu sayede geç yüklenen resimler, srcset içinden en iyi kaynağı seçmek için hesaplanan resim düzeni boyutunu kullanabilir ve duyarlı resim kurulumunu basitleştirebilir.

Browser Support

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

Source

Öğe kapsamlı görünüm geçişleri

Chrome 147, rastgele HTML öğelerinde element.startViewTransition() özelliğini kullanıma sunar. Bu özellik, belirli bir öğeyle sınırlı geçişlere olanak tanır. Bu nedenle, sözde öğeler üst öğe kliplerinden ve dönüşümlerinden etkilenir ve birden fazla geçiş aynı anda çalışabilir.

CSS border-shape özelliği

Chrome 147, border-shape özelliğini kullanıma sunarak çokgenler veya daireler gibi şekillerle dikdörtgen olmayan kenarlıklar oluşturmanıza olanak tanır.

SVG <textPath> yol özelliği

Chrome 147, SVG <textPath> öğesinde path özelliğini destekleyerek metin yolu geometrisini satır içi olarak tanımlamanıza olanak tanır.

Browser Support

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

JSON ve stil için modulepreload desteği

Chrome 147, JSON ve stil modülü türleri için <link rel="modulepreload"> hedef olarak destek ekler.

Browser Support

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

Math.sumPrecise

Chrome 147, Math.sumPrecise için TC39 önerisini uygular ve yinelenebilir bir öğedeki değerlerin tam toplamını döndürür. Bu yöntem artık Baseline Newly kullanılabilir.

Browser Support

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

Source

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zamandır. Bu ayki yeni beta sürümleri Chrome 148, Firefox 151 ve Safari 26.5'tir.

Chrome 148 beta sürümünde CSS'de yalnızca ad içeren kapsayıcı sorguları, video ve ses öğeleri için geç yükleme ve @supports'de özellik algılama için at-rule() işlevi yer alıyor.

Firefox 151 beta sürümünde CSS kapsayıcı stil sorguları yer alıyor.

Safari 26.5 beta sürümünde, çok sayıda sorunun çözülmesinin yanı sıra :open, <details>, <dialog>, <select> ve <input> öğelerinde :open sözde sınıfı için destek de sunuluyor.