HTML Can Do That: artık JavaScript gerektirmeyen dinamik özellikler

HTML, bir zamanlar JavaScript'e ait olan işin önemli bir kısmını yuttu; geliştirici Chris Burnell'in sayfası bunun kanıtlarını tek yerde topluyor. "HTML Can Do That", dinamik davranışı yalnızca işaretlemeyle sunan tarayıcı özelliklerini listeliyor; her birinin yanında bir demo ve tarayıcı desteği verilerine bağlantı var.

Sayfa neleri gösteriyor

Listede, bir öğeye dışına tıklayarak kapatma, Escape ile kapatma ve z-index uğraşı olmadan üst katmana yerleşme kazandıran popover özniteliği; popovertarget ve form method="dialog" ile doğrudan HTML'den açılıp kapatılabilen dialog öğesi; ve ortak bir name özniteliğinin birkaç açılır bloğu dışlayıcı akordeona çevirdiği gruplanmış details öğeleri var. Invoker komutları (command ve commandfor), ayrı düğmelerin tek bir popover'ı betik olmadan yönetmesini sağlıyor. Görseller loading="lazy" ile yüklemeyi erteliyor, hidden="until-found" ise bir bölümü gizliyor ve parça bağlantısı ona işaret ettiğinde tarayıcı bölümü açıyor.

Açık uyarılar

Burnell, tarayıcı uygulamalarının eşit olmadığını açıkça söylüyor. Yerleşik form öğeleri — renk, tarih ve aralık seçicileri, meter ve progress — tarayıcılar arasında varsayılan stillerde büyük farklılık gösteriyor ve erişilebilirlik açısından zayıf olabiliyor; bu yüzden dikkatli olunmasını öneriyor. Listeler için kitaplık gerektirmeden yerleşik otomatik tamamlama sunan datalist desteği, farklı giriş tiplerinde "hâlâ oldukça düzensiz"; yazar okuyucuları Adrian Roselli'nin "yetersiz tasarlanmış" birleşik kutular üzerine yazdıklarına yönlendiriyor. until-found özniteliği ise tarayıcının kendi sayfa içi aramasında çalışıyor, ekran okuyucu aramasında çalışmıyor.

Neden önemli

Sayfa, HTML Day 2026 sırasında bir saatte yazıldı ve sonradan uygulamaların nerede yetersiz kaldığını işaretlemek için düzenlendi; yazarın notuna göre bu şekilde yapılan her şey "yapabildiğiniz kadar erişilebilir" olmalı. Geliştiriciler için pratik sonuç daha küçük bir JavaScript yüzeyi: katmanlar, akordeonlar, diyaloglar ve tembel medya için yönetilecek daha az durum — yeni özelliklerin erişilebilirlik bedelleri varsayılmak yerine kontrol edildiği sürece.