Interop 2026 başladı

• Başlıca tarayıcı motorlarının iş birliğiyle web standartları uyumluluğunu (Interoperability) artırmayı amaçlayan yıllık proje Interop 2026 başladı
• 20 temel alanda testler yürütülüyor; bunların 15’i yeni başlık
• Bu yıl CSS attr() genişletmesi, WebTransport, JSPI for Wasm, IndexedDB getAllRecords() gibi somut özellik iyileştirmeleri yer alıyor
• Ayrıca Scroll-driven Animations, View Transitions, contrast-color(), Container Style Queries gibi görsel sunum özelliklerinde tutarlılık sağlanması hedefleniyor
• Proje; Apple, Google, Microsoft, Mozilla, Igalia gibi şirketlerin iş birliğiyle web geliştiricilere daha güvenilir bir ortak platform sunuyor

---

Interop 2026'ya genel bakış

• Interop projesi, tarayıcılar arasındaki web teknolojisi uygulama farklarını azaltmak için başlıca motorların ortak testler yürüttüğü bir iş birliği programı
  • Her özellik, resmî web standardı spesifikasyonları ile ne kadar örtüştüğüne göre değerlendiriliyor
  • Web Platform Tests (WPT) üzerinden otomatik birlikte çalışabilirlik ölçümü yapılıyor
• Safari hâlihazırda birçok özelliği öncü şekilde uygulamaya almıştı; bu Interop 2026 turunda ise kalan uyumluluk boşluklarını kapatmaya odaklanıyor
• Bu yılın odak özelliklerinin %20’si şu dört başlıktan oluşuyor: advanced attr(), IndexedDB getAllRecords(), WebTransport, JSPI for Wasm
• Interop 2026 resmî panosu - https://wpt.fyi/interop-2026

2026'nın ana odak alanları (20 başlık)

• Toplam 20 başlığın 15’i yeni, 5’i ise Interop 2025’ten devam ediyor
  • Başlıca başlıklar: Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, Dialog/Popover iyileştirmeleri, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom vb.
• Her başlıkta hedef; spesifikasyonların düzenlenmesi, testlerin iyileştirilmesi ve uygulama tutarlılığının sağlanması

Başlıca özelliklerin ayrıntıları

• Anchor Positioning

  • Öğelerin birbirine göre konumlandırılmasını sağlayan bir özellik; 2025’ten devreden başlıklardan biri
  • Bu yıl odak noktası spesifikasyonun netleştirilmesi, testlerin kararlı hâle getirilmesi ve güvenilirliğin artırılması

• Advanced attr()

  • HTML öznitelik değerlerinin CSS özellikleri genelinde kullanılabilmesi için genişletiliyor
  • Daha önce content özelliğiyle sınırlı olan attr(), artık renk, uzunluk, açı gibi çeşitli tiplere dönüştürülebiliyor
  • Güvenlik sorunları çözüldüğü için tarayıcılar arasında ortak uygulama hedefleniyor

• Container Style Queries

  • Kapsayıcının özel özellik değerlerine göre koşullu stil uygulanmasını sağlıyor
  • Safari 18.0’dan beri destekleniyor ve Interop 2026 ile tüm tarayıcılarda tutarlı davranış hedefleniyor

• contrast-color()

  • Verilen renkle kontrast oluşturan siyah/beyaz rengi otomatik seçiyor
  • Safari ve Firefox 2025’te desteğe başladı; bu projeyle tüm tarayıcılarda uyumluluk amaçlanıyor

• Custom Highlights

  • CSS Custom Highlight API ile DOM yapısını değiştirmeden metin aralıklarını stillendirmeyi sağlıyor
  • ::highlight() ve ::target-text sözde öğeleriyle arama sonuçları, kod vurgulama ve ortak düzenleme gibi senaryolar uygulanabiliyor

• Dialog ve Popover iyileştirmeleri

  • <dialog> ve popover özniteliğine closedby, popover="hint", :open sözde sınıfı ekleniyor
  • Erişilebilirliği ve kullanıcı deneyimini artıran UI overlay iyileştirmeleri sunuyor

• Fetch Uploads & Ranges

  • fetch() API’sine streaming upload, FormData iyileştirmeleri ve Range başlığı desteği ekleniyor
  • Büyük dosya yüklemeleri ve kısmi indirmelerde verimli veri aktarımı mümkün oluyor

• IndexedDB getAllRecords()

  • IDBObjectStore ve IDBIndex için getAllRecords() yöntemi ekleniyor
  • Toplu sorgulama ve ters sıralı arama desteğiyle performans iyileşiyor

• JSPI for Wasm

  • JavaScript Promise Integration API, WebAssembly’deki asenkron/senkron uçurumu kapatıyor
  • Mevcut C/C++/Rust uygulamalarının webe daha kolay taşınmasını sağlıyor

• Media Pseudo-classes

  • <audio>, <video> durumlarına göre CSS uygulanabilen 7 sözde sınıf sunuyor
    • Örnek: :playing, :paused, :muted vb.
  • Safari bunu zaten destekliyor; bu projeyle diğer tarayıcılara da yayılması hedefleniyor

• Navigation API

  • SPA geliştirmede karmaşık kalan history.pushState() yerine geçen yeni bir gezinme kontrol API’si
  • Interop 2025’te testlerin %92,3’ünü geçti; 2026’da buna precommitHandler seçeneği ekleniyor

• Scoped Custom Element Registries

  • Küresel çakışma sorununu çözmek için scope bazlı CustomElementRegistry oluşturulabiliyor
  • Safari 26.0 ilk uygulamayı sundu; bu projeyle tüm tarayıcılarda tutarlılık hedefleniyor

• Scroll-driven Animations

  • Kaydırma konumuna göre yalnızca CSS ile animasyon kontrolü sağlıyor
  • Safari 26.0’da desteklenmeye başladı; kaydırma tabanlı etkileşimlerin standartlaşması hedefleniyor

• Scroll Snap

  • Kaydırma kapsayıcısı içinde hizalama ve snap davranışını kontrol ediyor
  • Eski spesifikasyon değişikliklerinden kaynaklanan tutarsızlıkları gidermek için teste dayalı iyileştirmeler yapılıyor

• shape()

  • clip-path, shape-outside için eğri tabanlı bileşik şekiller tanımlanabiliyor
  • Safari 18.4’ten beri destekleniyor; duyarlı eğri sunumunda tutarlılık hedefleniyor

• View Transitions

  • Sayfa geçişlerinde animasyon efektleri sunuyor
  • 2025’teki %90,8 uyumluluk seviyesinden başlıyor; 2026’da cross-document geçişlere kadar genişliyor

• Web Compat

  • Gerçek web sitelerinde ortaya çıkan uyumluluk sorunlarını çözmeye yönelik testler kümesi
    • ESM modül yükleme, kaydırma/animasyon olay zamanlaması, user-select özelliği vb. içeriyor

• WebRTC

  • Gerçek zamanlı ses, video ve veri iletişimi standardı
  • 2025’teki %91,6 başarı oranından itibaren sürekli iyileştiriliyor

• WebTransport

  • HTTP/3 tabanlı çift yönlü iletişim API’si; düşük gecikme ve çoklu akış desteği sunuyor
  • WebSocket’ten daha ince denetim, WebRTC’den daha basit bir yapı sağlıyor

• CSS Zoom

  • Öğeleri ve içeriği ölçeklendirirken düzeni doğrudan etkiliyor
  • Standart dışı bir özellikten standarda taşındı; 2025’ten sonra tutarlılık iyileştirmeleri sürüyor

Araştırmalar ve sonraki görevler

• Erişilebilirlik testleri

  • Tarayıcılar arasında erişilebilirlik ağacı tutarlılığı sağlamak için test altyapısı iyileştirilmeye devam ediyor

• JPEG XL

  • Yeni nesil görüntü formatı; animasyon, saydamlık ve kayıpsız sıkıştırma desteği sunuyor
  • Safari 17.0 ile desteklenmeye başladı; ileride resmî test başlıklarına eklenme ihtimali var

• Mobil testler

  • Dinamik viewport değişimleri gibi mobile özgü özellikler için test altyapısı geliştiriliyor

• WebVTT

  • Altyazı ve caption standardı için tarayıcılar arası tutarsızlıkları gidermeye yönelik doğrulamalar sürüyor

Daha birlikte çalışabilir bir webe doğru

• Interop 2026; CSS esnekliği, görsel geçişler, gerçek zamanlı iletişim ve veri aktarımı gibi temel alanları kapsıyor
• Scroll Snap, shape(), Web Compat gibi uzun süredir devam eden tutarsızlıkların çözülmesi amaçlanıyor
• WebKit ekibi, tüm tarayıcılarda tutarlı davranış hedefiyle iş birliği yapıyor
• Sonuç olarak geliştiricilere daha güvenilir bir web platformu temeli sunuluyor