Tenga en cuenta lo siguiente:
font-size-adjustte ayuda a mejorar la legibilidad de las fuentes de resguardo.- Las activaciones de usuarios ahora se propagan entre los documentos de pantalla en pantalla y su inicio.
- Los contenedores de desplazamiento ahora son enfocables con el teclado de forma predeterminada.
- Hay mucho más.
Soy Adriana Jara. Profundicemos y veamos las novedades para desarrolladores en Chrome 127.
CSS font-size-adjust
La legibilidad de tu sitio puede disminuir cuando la primera opción de familia de fuentes no está disponible y la fuente de resguardo tiene un valor de aspecto significativamente diferente.
La siguiente imagen muestra la diferencia entre las fuentes Verdana y Times, aunque el texto tenga el mismo tamaño.
Si tu sitio utilizara la fuente Times, será mucho más difícil de leer.
La propiedad de CSS font-size-adjust te ayuda a ajustar el tamaño de la fuente de las fuentes de resguardo para mantener el valor de aspecto (altura de las letras minúsculas dividida por el tamaño de la fuente) coherente, lo que garantiza que el texto sea similar, independientemente de la fuente que se use.
En la siguiente imagen, usando font-size-adjust, se mantiene la legibilidad entre las fuentes Verdana y Times.
font-size-adjust: 0.545;
Con el lanzamiento de font-size-adjust en Chrome, esta función pasará a estar disponible recientemente en Baseline. Lee los detalles en el ajuste de tamaño de fuente de CSS ahora está en Baseline.
Pantalla en pantalla del documento: Propaga la activación del usuario
La API de pantalla en pantalla del documento ahora propaga las activaciones del usuario entre la ventana de pantalla en pantalla del documento y su selector.
Visita la demostración de propagación de la activación de gestos del usuario y observa los cambios en el color de fondo de la página cuando se detecta una activación del usuario. El gesto del usuario se propaga en ambos contextos y cambia el fondo de ambas ventanas.
De esta manera, las activaciones de los usuarios en la ventana de pantalla en pantalla de un documento pueden usarse dentro de la ventana de apertura y viceversa. Este cambio hace que el uso de APIs con acceso restringido por activación de usuario sea más ergonómico, ya que, a menudo, los controladores de eventos en la ventana de pantalla en pantalla del documento se ejecutan en el contexto del abridor, por lo que el contexto del abridor necesita acceso al gesto del usuario.
Visita Pantalla en pantalla para cualquier elemento, no solo <video>, para conocer más detalles.
Contenedores de desplazamiento enfocables del teclado
Es importante que los contenedores de desplazamiento se conviertan en enfocables con el teclado para que los elementos de desplazamiento y el contenido de estos sean más accesibles para todos los usuarios.
A partir de ahora, los desplazadores pueden enfocarse en los clics y de forma programática de forma predeterminada. Antes de este cambio, un elemento de desplazamiento solo podía enfocarse en la pestaña si el tabindex se establecía de manera explícita en 0 o en un valor superior.
Ten en cuenta que este comportamiento solo ocurre si la barra de desplazamiento no tiene elementos secundarios enfocables. Por ejemplo, si la barra de desplazamiento ya contiene un botón, el foco de pestaña omitirá la barra de desplazamiento y se enfocará directamente en el botón.
Las prácticas recomendadas de accesibilidad sugieren que todas las funciones deben estar disponibles con un teclado. De forma predeterminada, los desplazadores enfocables del teclado facilitan al usuario el uso de la navegación de enfoque secuencial para acceder a los desplazadores.
Obtén más información en Desplazadores enfocables del teclado.
Y mucho más.
Por supuesto, hay mucho más.
Ya están disponibles las transiciones simultáneas de vistas del mismo documento en un marco principal y en un iframe del mismo origen.
El texto alternativo generado a partir del contenido de CSS ahora admite varios argumentos.
El panel Performance DevTools ahora captura los eventos de mensajes de WebSocket y los muestra en el seguimiento del rendimiento.
Lee las notas de la versión completas.
Lecturas adicionales
Esto abarca solo algunos aspectos destacados. Consulta los siguientes vínculos para cambios adicionales en Chrome 127.
- Novedades de las Herramientas para desarrolladores de Chrome (127)
- Actualizaciones de ChromeStatus.com para Chrome 127
- Lista de cambios del repositorio de código fuente de Chromium
- Calendario de lanzamientos de Chrome
Suscribirse
Para mantenerte al día, suscríbete al canal de YouTube de Chrome Developers, y recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.
Yo soy Adriana Jara. Apenas se lance Chrome 127, estaré aquí para contarte las novedades de Chrome.