Tenga en cuenta lo siguiente:
font-size-adjustte ayuda a mejorar la legibilidad de las fuentes de resguardo.- Las activaciones de los usuarios ahora se propagan entre los documentos en pantalla en pantalla y su abridor.
- Los contenedores de desplazamiento ahora son enfocables con el teclado de forma predeterminada.
- Y 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 familia de fuentes de primera elección no está disponible y su fuente de resguardo tiene un valor de aspecto muy diferente.
La siguiente imagen muestra la diferencia entre las fuentes Verdana y Times, aunque el texto tenga el mismo tamaño.
Si tu sitio recurriera a la fuente Times, sería 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, el uso de font-size-adjust 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 se convierte en Baseline recién disponible. Lee los detalles en CSS font-size-adjust ahora está en Baseline.
Pantalla en pantalla del documento: Propaga la activación del usuario
La API de Document Picture-in-Picture ahora propaga las activaciones del usuario entre la ventana de Document Picture-in-Picture y su abridor.
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 control de activación del usuario sea más ergonómico, ya que, a menudo, los controladores de eventos en la ventana de imagen en imagen del documento se ejecutan en el contexto del activador, por lo que el contexto del activador necesita acceso al gesto del usuario.
Visita Pantalla en pantalla para cualquier elemento, no solo <video>, para obtener más detalles.
Contenedores de desplazamiento enfocables en el teclado
Es importante que los contenedores de desplazamiento sean enfocables con el teclado para que los desplazadores y el contenido dentro de ellos sean más accesibles para todos los usuarios.
A partir de ahora, los desplazadores se podrán enfocar de forma programática de forma predeterminada. Antes de este cambio, un elemento desplazador solo podía enfocarse con la tecla Tab si el tabindex se establecía de forma explícita en 0 o más.
Ten en cuenta que este comportamiento solo ocurre si el desplazador 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 recomiendan que todas las funciones estén 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.
Ten en cuenta que este cambio se habilitará para los usuarios muy lentamente con el tiempo, de modo que podamos supervisar los problemas que cause. Por lo tanto, es posible que algunos usuarios no vean esta función habilitada hasta la versión 130 o incluso más adelante.
Obtén más detalles en Desplazadores enfocables con el teclado.
Y mucho más.
Por supuesto, hay mucho más.
Ya están disponibles las transiciones simultáneas de vista del mismo documento en un marco principal y en un iframe del mismo origen.
El texto alternativo generado a partir del contenido 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 ver 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 tanto, suscríbete al canal de YouTube para desarrolladores de Chrome 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.