Interop 2026: Seguimos mejorando la Web para los desarrolladores

Publicado: 12 de febrero de 2026

Nos complace anunciar Interop 2026, una iniciativa para aumentar la interoperabilidad de las funciones clave de la plataforma web en todos los navegadores. Interop 2026, que está a cargo de un equipo de representantes de empresas que realizan contribuciones significativas a los motores de renderización de navegadores (incluidas Apple, Google, Igalia, Microsoft y Mozilla), se enfoca en las funciones que son de alta prioridad para los desarrolladores web y los usuarios finales.

Al igual que en iniciativas anteriores de Interop, las pruebas seleccionadas se ejecutarán de forma continua en la infraestructura de pruebas automatizadas, y los porcentajes de aprobación se mostrarán en el panel de Interop 2026.

Áreas de interés

Las áreas de enfoque para 2026 incluyen varias áreas identificadas como los principales problemas de interoperabilidad en las encuestas State of HTML y State of CSS. Hacemos un seguimiento de estos problemas en webstatus.dev. Muchas de las funciones incluidas este año también aparecen entre los 20 problemas más solicitados en el repositorio de indicadores para desarrolladores.

Posicionamiento del ancla

Aparece en: Principales problemas de interoperabilidad, indicadores de desarrolladores posicionamiento de anclaje

El posicionamiento de anclaje te permite colocar un elemento según la posición de otro, por ejemplo, colocar una sugerencia junto al contenido al que hace referencia. Esta área de enfoque continúa desde Interop 2025 y solo incluye las pruebas de 2025.

Consultas de diseño de contenedores

Aparece en: Principales problemas de interoperabilidad, indicadores de desarrolladores consultas de diseño de contenedores

Las consultas de diseño de contenedor aplican diseños a un elemento según los valores calculados de las propiedades personalizadas de su contenedor, con la regla @ @container junto con una o más funciones style().

Diálogos y ventanas emergentes

Aparece en: Principales problemas de interoperabilidad, indicadores de desarrolladores closedby, hint

En Interop 2026, el trabajo en el elemento <dialog> y la API de Popover se enfoca en lo siguiente:

  • El atributo <dialog closedby>, que establece las acciones del usuario que cierran un diálogo (por ejemplo, hacer clic fuera del diálogo).
  • La seudoclase :open de CSS, que coincide con los elementos que tienen estados abiertos.
  • El atributo global popover="hint", que crea un elemento emergente subordinado a otros elementos emergentes automáticos, útil para las sugerencias.

Animaciones basadas en el desplazamiento

Aparece en: Principales problemas de interoperabilidad

Esto incluye las propiedades de CSS animation-timeline, scroll-timeline y view-timeline, que avanzan las animaciones según la posición de desplazamiento del usuario.

Transiciones de vista

Aparece en: Principales problemas de interoperabilidad, indicadores para desarrolladores Transiciones de vista entre documentos

Interop 2025 incorporó las transiciones de vista en el mismo documento a Baseline Newly available. Para Interop 2026, el trabajo en las transiciones de vista se centra en lo siguiente:

  • Se mejoraron las transiciones de vista del mismo documento.
  • Atributo blocking="render" para <link>, <script> y <style>.
  • El atributo <link rel="expect">
  • Pseudoclase :active-view-transition-type() de CSS.
  • Transiciones de vista entre documentos

La función attr() de CSS

Aparece en los indicadores del desarrollador attr()

La función attr() de CSS devuelve el valor de un atributo de un elemento HTML, con la opción de devolver ese valor como un tipo específico o con una unidad específica.


Además de estas funciones clave que destacaste en las encuestas, Interop 2026 incluye lo siguiente:

La función contrast-color() de CSS

La función contrast-color() de CSS selecciona un color que tiene un contraste garantizado con un color de primer plano o de fondo especificado.

Destacados personalizados

Los destacados personalizados te permiten aplicar un estilo a rangos de texto arbitrarios sin agregar elementos adicionales al DOM.

Recupera cargas y rangos

El trabajo en el método fetch() se centra en ReadableStream en el cuerpo para transmitir datos al servidor, admitir FormData y tipos de medios para solicitudes y respuestas, y admitir el encabezado Range.

IndexedDB

El área de enfoque de IndexedDB se centra en los métodos getAllRecords() de IDBObjectStore y IDBIndex. Estos métodos aceleran las operaciones de lectura en conjuntos de datos grandes, ya que devuelven registros y sus claves primarias en lotes.

JSPI para Wasm

La API de JavaScript Promise Integration (JSPI) permite que las aplicaciones de Wasm que esperan acceso síncrono a la funcionalidad externa funcionen en un entorno en el que esa funcionalidad es asíncrona.

Seudoclases de medios

Esta área incluye las seudoclases de CSS :playing, :paused, :seeking, :buffering, :stalled, :muted y :volume-locked, que coinciden con los elementos <audio> y <video> según su estado.

Este año, el trabajo se centrará en seguir mejorando la interoperabilidad de la API de Navigation y en la opción precommitHandler para navigateEvent.intercept(), que aplaza la confirmación hasta que se resuelva un controlador.

Registros de elementos personalizados con alcance

El constructor CustomElementRegistry() crea un nuevo registro de elementos personalizados independiente del global, lo que permite que coexistan varios elementos personalizados con el mismo nombre de etiqueta.

Ajuste de desplazamiento

Esta área de enfoque abarca el ajuste de desplazamiento de CSS, que controla el comportamiento de desplazamiento y paneo dentro de un contenedor de desplazamiento.

La función shape() de CSS

La función shape() de CSS crea formas con comandos como line, move y curve, y se puede usar con clip-path y shape-outside.

Compatibilidad web

Esta área se enfoca en problemas específicos de interoperabilidad que causan problemas en el mundo real, incluidos los siguientes:

  • Carga de módulos ESM.
  • Es el momento de los eventos de desplazamiento en relación con los eventos de animación.
  • Se quitó el prefijo de la propiedad -webkit-user-select.

WebRTC

Para Interop 2026, el trabajo se centra en corregir las pruebas que siguen fallando del área de enfoque de Interop 2025 y seguir mejorando la interoperabilidad de WebRTC.

La API de WebTransport

Esta área abarca la API de WebTransport, que transmite datos entre un cliente y un servidor con el protocolo HTTP/3.

La propiedad zoom de CSS

Como continuación de Interop 2025, esta área se enfoca en la propiedad zoom de CSS, que ajusta el tamaño de un elemento y afecta el diseño de la página.

Esfuerzos de investigación

Interop 2026 también incluye esfuerzos de investigación para preparar funciones futuras para el trabajo de pruebas y de interoperabilidad:

  • Pruebas de accesibilidad: Trabajamos para generar árboles de accesibilidad coherentes en todos los navegadores y mejorar la infraestructura de WPT.
  • JPEG XL: Nos enfocamos en hacer que el formato de imagen JPEG XL sea apto para pruebas, lo que incluye definir requisitos para la renderización progresiva.
  • Pruebas en dispositivos móviles: Mejoramos la infraestructura de WPT para probar funciones específicas para dispositivos móviles, como los cambios dinámicos en la ventana gráfica.
  • WebVTT: Se corrigieron las pruebas y se actualizó la documentación para mejorar la comprensión del cumplimiento de los estándares.

Seguimiento del progreso hasta el 2026

Sigue el proyecto en el panel de Interop 2026.

Otros anuncios