Novedades de la plataforma web en abril

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante abril de 2026.

Rachel Andrew

Publicado: 24 de abril de 2026

Versiones estables del navegador

Chrome 147 y Firefox 150 se lanzaron en la versión estable durante abril. Este mes no hubo una versión estable de Safari. En esta publicación, analizaremos las numerosas funciones nuevas de este mes.

La función contrast-color() de CSS se convierte en Baseline

Con el lanzamiento de la función contrast-color() en Chrome 147, esta útil función de accesibilidad ahora está disponible en todos los motores principales, lo que la convierte en Baseline Newly available.

Esta función toma un valor de color y devuelve negro o blanco, según el que proporcione el mayor contraste con el color proporcionado. Esto te ayuda a garantizar que el texto cumpla con los requisitos de contraste de accesibilidad.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

Las propiedades del rango de animación basadas en el desplazamiento ahora son de referencia

Firefox 150 incluye compatibilidad con las propiedades animation-range-start y animation-range-end, así como con la abreviatura animation-range. Esto hace que estas propiedades estén disponibles como datos de referencia.

Estas propiedades te permiten controlar en qué punto de la línea de tiempo de una animación basada en el desplazamiento comenzará y finalizará la animación.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

El método ariaNotify()

Firefox 150 introduce compatibilidad con el método ariaNotify() en Document y Element. Este método permite que los autores de contenido pongan en cola una cadena de texto para que la anuncie un lector de pantalla.

Esto proporciona una alternativa más confiable y ergonómica a las regiones dinámicas de ARIA, en especial para los anuncios que no están vinculados a las actualizaciones del DOM.

Browser Support

  • Chrome: 141.
  • Edge: 141.
  • Firefox: not supported.
  • Safari: not supported.

Source

Tamaños automáticos para imágenes de carga diferida

Firefox 150 ahora admite la palabra clave "auto" para el atributo sizes de los elementos <img>. Esto permite que las imágenes cargadas de forma diferida usen el tamaño de diseño de imagen calculado para seleccionar la mejor fuente de un srcset, lo que simplifica la configuración de imágenes responsivas.

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari: not supported.

Source

Transiciones de vista con alcance de elemento

Chrome 147 expone element.startViewTransition() en elementos HTML arbitrarios. Esto permite transiciones con alcance en un elemento específico, lo que significa que los seudoelementos se ven afectados por los recortes y las transformaciones de los elementos superiores, y que se pueden ejecutar varias transiciones de forma simultánea.

Propiedad border-shape de CSS

Chrome 147 introduce la propiedad border-shape, que te permite crear bordes no rectangulares con formas como polígonos o círculos.

Atributo de ruta de acceso <textPath> SVG

Chrome 147 agrega compatibilidad con el atributo path en el elemento <textPath> de SVG, lo que te permite definir la geometría de la ruta de texto de forma intercalada.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 61.
  • Safari: not supported.

Compatibilidad con modulepreload para JSON y CSS

Chrome 147 agrega compatibilidad con los tipos de módulos JSON y de diseño como destinos de <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 implementa la propuesta de TC39 para Math.sumPrecise, que devuelve una suma precisa de los valores en un iterable. Este método ahora es Baseline Newly available.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

Versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que se incluirá en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar tu sitio antes de que el mundo reciba esa versión. Las nuevas versiones beta de este mes son Chrome 148, Firefox 151 y Safari 26.5.

La versión beta de Chrome 148 incluye consultas de contenedores solo por nombre en CSS, carga diferida para elementos de audio y video, y la función at-rule() para la detección de funciones en @supports.

La versión beta de Firefox 151 incluye consultas de estilo de contenedores CSS.

La versión beta de Safari 26.5 incluye compatibilidad con la seudoclase :open en los elementos <details>, <dialog>, <select> y <input>, además de una gran cantidad de resoluciones de problemas.