Berikut hal yang perlu Anda ketahui:
font-size-adjustmembantu Anda meningkatkan keterbacaan font penggantian.- Aktivasi pengguna kini disebarkan antara dokumen picture-in-picture dan pembukanya.
- Penampung scroll kini dapat difokuskan dengan keyboard secara default.
- Dan masih banyak fitur lainnya.
Saya Adriana Jara. Mari kita lihat apa saja yang baru untuk developer di Chrome 127.
CSS font-size-adjust
Keterbacaan situs Anda dapat menurun jika jenis font pilihan pertama tidak tersedia dan font penggantinya memiliki nilai aspek yang sangat berbeda.
Gambar berikut menunjukkan perbedaan antara font Verdana dan Times meskipun teksnya berukuran sama.
Jika situs Anda kembali ke font Times, situs akan menjadi jauh lebih sulit dibaca.
Properti CSS font-size-adjust membantu Anda menyesuaikan ukuran font font penggantian agar nilai aspek (tinggi huruf kecil dibagi dengan ukuran font) tetap konsisten, sehingga memastikan teks terlihat serupa, terlepas dari font yang digunakan.
Pada gambar berikut, penggunaan font-size-adjust mempertahankan keterbacaan antara font Verdana dan Times.
font-size-adjust: 0.545;
Dengan diluncurkannya font-size-adjust di Chrome, fitur ini menjadi Dasar Pengukuran yang baru tersedia, baca detail di CSS font-size-customize kini di Dasar Pengukuran.
Picture-in-picture dokumen: menyebarkan aktivasi pengguna
Document Picture-in-Picture API kini menyebarkan aktivasi pengguna antara jendela picture-in-picture dokumen dan pembukanya.
Buka demo propagasi aktivasi gestur pengguna dan lihat perubahan pada warna latar belakang halaman saat aktivasi pengguna terdeteksi. Gestur pengguna disebarkan dalam kedua konteks yang mengubah latar belakang untuk kedua jendela.
Hal ini membuat aktivasi pengguna di jendela picture-in-picture dokumen dapat digunakan di dalam jendela pembukanya dan sebaliknya. Perubahan ini menjadikan penggunaan API yang dibatasi aktivasi pengguna lebih ergonomis, karena sering kali pengendali peristiwa di jendela picture-in-picture dokumen sebenarnya dijalankan dalam konteks pembuka, sehingga konteks pembuka memerlukan akses ke gestur pengguna.
Buka Picture-in-Picture untuk elemen apa pun, bukan hanya <video> untuk mengetahui detail selengkapnya.
Penampung scroll yang dapat difokuskan keyboard.
Penampung scroll yang dapat difokuskan dengan keyboard sangat penting untuk membuat scroller dan konten dalam scroller lebih mudah diakses oleh semua pengguna.
Mulai sekarang, scroller akan dapat difokuskan secara terprogram secara default. Sebelum perubahan ini, elemen penggeser hanya dapat difokuskan tab jika tabindex ditetapkan secara eksplisit ke 0 atau lebih tinggi.
Perhatikan bahwa perilaku ini hanya terjadi jika scroller tidak memiliki turunan yang dapat difokuskan. Misalnya, jika scroller sudah memiliki tombol, fokus tombol tab akan mengabaikan scroller dan langsung berfokus pada tombol.
Praktik terbaik aksesibilitas merekomendasikan bahwa semua fitur harus tersedia menggunakan keyboard. Scroller yang dapat difokuskan dengan keyboard secara default memudahkan pengguna menggunakan navigasi fokus berurutan untuk mengakses scroller.
Perlu diperhatikan bahwa perubahan ini diaktifkan untuk pengguna dengan sangat lambat seiring waktu, sehingga kami dapat memantau masalah yang disebabkan oleh perubahan tersebut. Oleh karena itu, beberapa pengguna mungkin tidak melihat fitur ini diaktifkan hingga versi 130 atau bahkan lebih baru.
Lihat detail selengkapnya di Scroller yang dapat difokuskan keyboard
Dan banyak lagi!
Tentu saja masih banyak lagi.
Transisi tampilan dokumen yang sama secara serentak di frame utama dan iframe origin yang sama kini tersedia.
Teks alternatif yang dihasilkan dari konten CSS kini mendukung beberapa argumen.
Panel Performa DevTools kini merekam peristiwa pesan WebSocket dan menampilkannya dalam rekaman aktivitas performa.
Bacaan lebih lanjut
Bagian ini hanya membahas beberapa sorotan utama. Lihat link berikut untuk mengetahui perubahan tambahan di Chrome 127.
- Yang baru di Chrome DevTools (127)
- Update ChromeStatus.com untuk Chrome 127
- Daftar perubahan repositori sumber Chromium
- Kalender rilis Chrome
Langganan
Untuk terus mendapatkan info terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.
Yo soy Adriana Jara, dan segera setelah Chrome 127 dirilis, saya akan segera memberi tahu Anda yang baru di Chrome.