Comienza Interop 2026

• Comenzó Interop 2026, el proyecto anual en el que los principales motores de navegador colaboran para mejorar la compatibilidad con los estándares web (interoperabilidad)
• Se realizarán pruebas en 20 áreas clave, de las cuales 15 son nuevas
• Este año se incluyen mejoras funcionales concretas como la expansión de CSS attr(), WebTransport, JSPI for Wasm e IndexedDB getAllRecords()
• También busca garantizar la consistencia de funciones de presentación visual como Scroll-driven Animations, View Transitions, contrast-color() y Container Style Queries
• Este proyecto, en colaboración entre Apple, Google, Microsoft, Mozilla e Igalia, ofrece a los desarrolladores web una plataforma común más confiable

---

Resumen de Interop 2026

• El proyecto Interop es un programa colaborativo en el que los principales motores realizan pruebas conjuntas para reducir las diferencias de implementación de tecnologías web entre navegadores
  • Cada función se evalúa según su grado de coincidencia con las especificaciones oficiales de los estándares web
  • La medición automatizada de interoperabilidad se realiza mediante Web Platform Tests (WPT)
• Safari ya había implementado de forma anticipada varias funciones, y en este Interop 2026 se enfoca en cerrar las brechas de compatibilidad restantes
• El 20% de las funciones prioritarias de este año está compuesto por cuatro áreas: advanced attr(), IndexedDB getAllRecords(), WebTransport y JSPI for Wasm
• Panel oficial de Interop 2026 - https://wpt.fyi/interop-2026

Áreas principales de enfoque en 2026 (20)

• De un total de 20 elementos, 15 son nuevos y 5 continúan desde Interop 2025
  • Elementos principales: Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, mejoras en Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom y otros
• Cada elemento busca mejorar la especificación, las pruebas y la consistencia de implementación

Detalles por función principal

• Anchor Positioning

  • Función para posicionar elementos de forma relativa entre sí, incluida desde 2025
  • Este año se enfoca en aclarar la especificación, estabilizar las pruebas y mejorar la confiabilidad

• Advanced attr()

  • Se amplía para permitir usar valores de atributos HTML en propiedades CSS en general
  • attr(), que antes estaba limitado a la propiedad content, ahora puede convertirse a diversos tipos como color, longitud o ángulo
  • Como ya se resolvieron los problemas de seguridad, se impulsa una implementación común entre navegadores

• Container Style Queries

  • Aplica estilos condicionales según los valores de propiedades personalizadas del contenedor
  • Tiene soporte desde Safari 18.0, y con Interop 2026 se busca asegurar un comportamiento consistente en todos los navegadores

• contrast-color()

  • Selecciona automáticamente un color negro o blanco que contraste con el color especificado
  • Safari y Firefox empezaron a soportarlo en 2025, y con este proyecto se busca compatibilidad total entre navegadores

• Custom Highlights

  • Permite aplicar estilo a rangos de texto mediante la CSS Custom Highlight API sin modificar la estructura del DOM
  • Con los pseudoelementos ::highlight() y ::target-text se pueden implementar resultados de búsqueda, resaltado de código, edición colaborativa y más

• Mejoras en Dialog y Popover

  • Se añaden closedby, popover="hint" y la pseudoclase :open a <dialog> y al atributo popover
  • Son mejoras de UI overlay que elevan la accesibilidad y la experiencia de usuario

• Fetch Uploads & Ranges

  • Se agregan streaming uploads, mejoras en FormData y soporte para el encabezado Range a la API fetch()
  • Permite una transferencia de datos más eficiente en cargas grandes y descargas parciales

• IndexedDB getAllRecords()

  • Se agrega el método getAllRecords() a IDBObjectStore y IDBIndex
  • Mejora el rendimiento al permitir consultas por lotes y búsquedas en orden inverso

• JSPI for Wasm

  • La JavaScript Promise Integration API cierra la brecha entre lo asíncrono y lo síncrono en WebAssembly
  • Permite portar fácilmente a la web aplicaciones existentes en C/C++/Rust

• Media Pseudo-classes

  • Proporciona 7 pseudoclases que permiten aplicar CSS según el estado de <audio> y <video>
    • Ej.: :playing, :paused, :muted
  • Safari ya las soporta, y con este proyecto se busca extenderlas a otros navegadores

• Navigation API

  • Nueva API de control de navegación que reemplaza al complejo history.pushState() en el desarrollo de SPA
  • En Interop 2025 pasó el 92.3% de las pruebas, y en 2026 se añade la opción precommitHandler

• Scoped Custom Element Registries

  • Permite crear CustomElementRegistry por alcance para resolver problemas de colisión global
  • Safari 26.0 fue la primera implementación, y este proyecto busca consistencia entre todos los navegadores

• Scroll-driven Animations

  • Permite controlar animaciones solo con CSS según la posición del scroll
  • Comenzó a soportarse en Safari 26.0 y se impulsa la estandarización de interacciones basadas en scroll

• Scroll Snap

  • Controla el alineado y comportamiento de snap dentro de contenedores con scroll
  • Se están realizando mejoras basadas en pruebas para resolver inconsistencias causadas por cambios antiguos en la especificación

• shape()

  • Permite definir formas compuestas basadas en curvas en clip-path y shape-outside
  • Tiene soporte desde Safari 18.4 y busca asegurar la consistencia de la representación responsiva de curvas

• View Transitions

  • Ofrece efectos de animación en transiciones de página
  • Parte de una compatibilidad de 90.8% en 2025, y en 2026 se amplía incluso a transiciones cross-document

• Web Compat

  • Conjunto de pruebas que resuelve problemas de compatibilidad que ocurren en sitios web reales
    • Incluye carga de módulos ESM, temporización de eventos de scroll/animación y la propiedad user-select, entre otros

• WebRTC

  • Estándar de comunicación en tiempo real de audio, video y datos
  • Sigue mejorando desde una tasa de aprobación del 91.6% en 2025

• WebTransport

  • API de comunicación bidireccional basada en HTTP/3, con baja latencia y soporte de multistream
  • Ofrece un control más fino que WebSocket y una estructura más simple que WebRTC

• CSS Zoom

  • Ajusta la escala de elementos y contenido afectando directamente el layout
  • Pasó de ser una propiedad no estándar a estandarizarse, y continúa mejorando su consistencia tras 2025

Investigación y próximos retos

• Pruebas de accesibilidad

  • Continúan las mejoras en la infraestructura de pruebas para garantizar la consistencia del árbol de accesibilidad entre navegadores

• JPEG XL

  • Formato de imagen de próxima generación con soporte para animación, transparencia y compresión sin pérdida
  • Empezó a soportarse en Safari 17.0 y podría incluirse como elemento oficial de prueba en el futuro

• Pruebas móviles

  • Se mejora la infraestructura de pruebas para funciones específicas de móviles, como los cambios dinámicos del viewport

• WebVTT

  • Continúa la validación para resolver inconsistencias entre navegadores en el estándar de subtítulos y captions

Hacia una web más interoperable

• Interop 2026 abarca áreas clave como la flexibilidad de CSS, las transiciones visuales, la comunicación en tiempo real y la transferencia de datos
• Impulsa la resolución de problemas históricos de inconsistencia como Scroll Snap, shape() y Web Compat
• El equipo de WebKit colabora con el objetivo de lograr un comportamiento consistente en todos los navegadores
• Como resultado, brinda a los desarrolladores una base de plataforma web más confiable