Ş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.
- Bunun gibi çok daha fazla özellik var.
Adım Adriana Jara. Chrome 127'deki geliştiricilere yönelik yenilikleri inceleyelim.
CSS font-size-adjust
İlk tercih edilen yazı tipi ailesi kullanılamadığında ve yedek yazı tipinin en boy oranı önemli ölçüde farklı olduğunda sitenizin okunabilirliği düşebilir.
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 kullanıma sunulan Temel özellik haline gelir. Ayrıntıları CSS font-size-adjust artık Temel özellikte başlıklı makalede bulabilirsiniz.
Belgelerde pencere içinde pencere özelliği: Kullanıcı etkinleştirmesini yayma
Belge Pencere İçinde Pencere API'si artık kullanıcı etkinleştirmelerini belge pencere içinde pencere penceresi ile açan kullanıcı arasında dağıtıyor.
Kullanıcı hareketi etkinleştirme yayma demosunu ziyaret edin ve kullanıcı etkinleştirme algılandığında sayfanın arka plan renginde yapılan 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 klavyeyle odaklanılabilir hale gelmesi, kaydırma çubuklarını ve kaydırma çubuklarındaki içerikleri tüm kullanıcılar için daha erişilebilir hale getirmek 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 erişilebilir olması gerektiğini önerir. 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 130 sürümüne veya daha yeni bir sürüme geçene kadar bu özelliği etkinleştiremez.
Daha fazla bilgi için Klavyeyle odaklanılabilir kaydırılabilir alanlar başlıklı makaleyi inceleyin.
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 izlemede 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.