Şunları bilmeniz gerekir:
font-size-adjust, yedek yazı tiplerinin okunabilirliğini iyileştirmenize yardımcı olur.- Kullanıcı etkinleştirmeleri artık pencere içinde pencere dokümanları ile bunları açan kullanıcılar arasında yayılır.
- Kaydırma kapsayıcıları artık varsayılan olarak klavyeyle odaklanılabilir.
- Daha pek çok yenilik var.
Ben Adriana Jara. Chrome 127'deki geliştiricilere yönelik yenilikleri inceleyelim.
CSS font-size-adjust
Birinci tercih yazı tipi ailesi kullanılamadığında ve yedek yazı tipi önemli ölçüde farklı bir en boy değerine sahip olduğunda sitenizin okunabilirliği azalabilir.
Aşağıdaki resimde, metin aynı boyutta olsa bile Verdana ve Times yazı tipleri arasındaki fark gösterilmektedir.
Siteniz Times yazı tipine geri dönerse okunması çok daha zor olur.
font-size-adjust CSS mülkü, yedek yazı tiplerinin yazı tipi boyutunu ayarlayarak en boy değerini (küçük harflerin yüksekliği, yazı tipi boyutuna bölünür) tutarlı hale getirmenize yardımcı olur. Böylece, kullanılan yazı tipinden bağımsız olarak metnin benzer görünmesini sağlar.
Aşağıdaki resimde, font-size-adjust kullanılarak Verdana ve Times yazı tipleri arasındaki okunabilirlik korunur.
font-size-adjust: 0.545;
Chrome'da font-size-adjust kullanıma sunulduğunda bu özellik yeni olarak Temel düzeyde kullanılabilir hale gelir. Ayrıntıları CSS font-size-adjust artık Temel düzeyde başlıklı makalede bulabilirsiniz.
Belgelerde pencere içinde pencere özelliği: Kullanıcı etkinleştirmesini yayma
Document Picture-in-Pencere API'si artık kullanıcı etkinleştirmelerini doküman pencere içinde pencere penceresi ile açıcısı arasında yayıyor.
Kullanıcı hareketi etkinleştirme yayılımı demosunu ziyaret edin ve bir kullanıcı etkinleştirmesi algılandığında sayfanın arka plan rengindeki değişiklikleri görün. Kullanıcı hareketi, her iki pencerenin arka planını değiştirerek her iki bağlamda da yayılır.
Bu sayede, bir belgenin pencere içinde pencere görünümündeki kullanıcı etkinleştirmeleri, açan pencere içinde kullanılabilir ve bunun tersi de geçerlidir. Bu değişiklik, kullanıcı etkinleştirmesi denetimli API'lerin kullanımını daha ergonomik hale getirir. Bunun nedeni, doküman penceresinde resim içinde resim etkinliği işleyicilerinin genellikle açan kullanıcının bağlamında çalıştırılmasıdır. Bu nedenle, açan kullanıcının bağlamının kullanıcı hareketine erişmesi gerekir.
Daha fazla bilgi için <video> için değil, tüm öğeler için Pencere İçinde Pencere başlıklı makaleyi inceleyin.
Klavyeyle odaklanılabilir kaydırma kapsayıcıları.
Kaydırma kapsayıcılarının klavyeye odaklanılabilir olması, kaydırıcıların ve kaydırıcıların içindeki içeriğin tüm kullanıcılar için daha erişilebilir olmasını sağlamak açısından önemlidir.
Bundan sonra, kaydırıcılar varsayılan olarak programatik olarak odaklanılabilir olacaktır. Bu değişiklikten önce, bir kaydırılabilir alan öğesi yalnızca tabindex açıkça 0 veya daha yüksek bir değere ayarlandığında sekmeyle odaklanılabiliyordu.
Bu davranışın yalnızca kaydırma çubuğunun odaklanılabilir alt öğesi olmadığında gerçekleşeceğini unutmayın. Örneğin, kaydırılabilir alanda zaten bir düğme varsa sekme tuşu odağı, kaydırılabilir alanı atlar ve doğrudan düğmeye odaklanır.
Erişilebilirlikle ilgili en iyi uygulamalar, tüm özelliklerin klavye kullanılarak kullanılabilir olmasını gerektirir. Klavyeyle odaklanılabilir kaydırma çubukları, varsayılan olarak kullanıcının kaydırma çubuklarına erişmek için sıralı odaklanma gezinmesini kullanmasını kolaylaştırır.
Bu değişikliğin, kullanıcılar için zaman içinde çok yavaş bir şekilde etkinleştirildiğini unutmayın. Böylece, değişiklikten kaynaklanan sorunları izleyebiliriz. Bu nedenle, bazı kullanıcılar bu özelliğin 130 veya sonraki bir sürüme kadar etkinleştirildiğini göremeyebilir.
Daha fazla ayrıntı için Klavye odaklanılabilir kaydırıcılar bölümüne bakın.
Diğer özellikler
Elbette daha birçok özellik var.
Ana çerçevede ve aynı kaynaklı iframe'de aynı doküman görünümünde eşzamanlı geçişler artık kullanılabilir.
CSS içeriğinden oluşturulan alternatif metin artık birden fazla bağımsız değişkeni desteklemektedir.
DevTools Performans paneli, artık WebSocket mesaj etkinliklerini yakalayıp performans izlemesinde gösterir.
Sürüm notlarının tamamını okuyun.
Daha fazla bilgi
Bu, yalnızca bazı önemli noktaları kapsar. Chrome 127'deki diğer değişiklikler için aşağıdaki bağlantıları inceleyin.
- Chrome Geliştirici Araçları'nda yenilikler (127)
- Chrome 127 için ChromeStatus.com güncellemeleri
- Chromium kaynak deposu değişiklik listesi
- Chrome sürüm takvimi
Abone ol
Gelişmelerden haberdar olmak için Chrome Developers YouTube kanalına abone olun. Yeni bir video yayınladığımızda e-posta bildirimi alırsınız.
Adım Adriana Jara. Chrome 127 yayınlanır yayınlanmaz Chrome'daki yenilikleri size buradan bildireceğim.