Interop 2026 começa

• O projeto anual Interop 2026, no qual os principais motores de navegadores colaboram para aumentar a compatibilidade com padrões da web (Interoperability), foi iniciado
• Os testes serão realizados em 20 áreas centrais, das quais 15 são itens novos
• Neste ano, foram incluídas melhorias práticas de recursos como expansão de CSS attr(), WebTransport, JSPI for Wasm e IndexedDB getAllRecords()
• O objetivo também é garantir consistência em recursos de apresentação visual como Scroll-driven Animations, View Transitions, contrast-color() e Container Style Queries
• O projeto é uma colaboração entre Apple, Google, Microsoft, Mozilla e Igalia, oferecendo aos desenvolvedores uma plataforma comum mais confiável

---

Visão geral do Interop 2026

• O projeto Interop é um programa colaborativo em que os principais motores realizam testes conjuntos para reduzir as diferenças de implementação de tecnologias web entre navegadores
  • Cada recurso é avaliado com base em sua conformidade com a especificação oficial de padrões web
  • A medição automatizada de interoperabilidade é feita por meio do Web Platform Tests (WPT)
• O Safari já implementou vários recursos de forma pioneira e, no Interop 2026, o foco está em eliminar as lacunas de compatibilidade restantes
• Entre os recursos prioritários deste ano, 20% são compostos por quatro itens: advanced attr(), IndexedDB getAllRecords(), WebTransport e JSPI for Wasm
• Painel oficial do Interop 2026 - https://wpt.fyi/interop-2026

Principais áreas de foco de 2026 (20)

• Do total de 20 itens, 15 são novos e 5 continuam do Interop 2025
  • Principais itens: Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, melhorias em Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom etc.
• Cada item tem como objetivo aprimorar a especificação, melhorar os testes e garantir consistência na implementação

Detalhes por recurso principal

• Anchor Positioning

  • Recurso que permite posicionar elementos de forma relativa entre si, mantido desde 2025
  • Neste ano, o foco está em clareza da especificação, estabilização dos testes e melhoria da confiabilidade

• Advanced attr()

  • Expande o uso de valores de atributos HTML para propriedades CSS em geral
  • O attr(), antes limitado à propriedade content, poderá ser convertido em vários tipos, como cor, comprimento e ângulo
  • Com questões de segurança resolvidas, avança-se para uma implementação comum entre navegadores

• Container Style Queries

  • Aplica estilos condicionais com base nos valores de propriedades personalizadas do contêiner
  • Suportado desde o Safari 18.0, deve ganhar comportamento consistente em todos os navegadores por meio do Interop 2026

• contrast-color()

  • Seleciona automaticamente uma cor preta/branca que contraste com a cor especificada
  • Safari e Firefox passaram a oferecer suporte em 2025, e este projeto busca compatibilidade entre todos os navegadores

• Custom Highlights

  • Permite estilizar intervalos de texto sem alterar a estrutura do DOM por meio da CSS Custom Highlight API
  • Com os pseudo-elementos ::highlight() e ::target-text, é possível implementar resultados de busca, destaque de código e edição colaborativa

• Melhorias em Dialog e Popover

  • Adiciona closedby, popover="hint" e a pseudoclasse :open ao <dialog> e ao atributo popover
  • Recurso de melhoria de overlays de UI para aumentar acessibilidade e experiência do usuário

• Fetch Uploads & Ranges

  • Adiciona à API fetch() upload em streaming, melhorias em FormData e suporte ao cabeçalho Range
  • Possibilita transferência eficiente de dados em uploads grandes e downloads parciais

• IndexedDB getAllRecords()

  • Adiciona o método getAllRecords() a IDBObjectStore e IDBIndex
  • Melhora o desempenho com consulta em lote e busca em ordem inversa

• JSPI for Wasm

  • Resolve a lacuna entre assíncrono e síncrono do WebAssembly por meio da JavaScript Promise Integration API
  • Permite portar com facilidade para a web aplicativos existentes em C/C++/Rust

• Media Pseudo-classes

  • Fornece 7 pseudoclasses de CSS aplicáveis de acordo com o estado de <audio> e <video>
    • Ex.: :playing, :paused, :muted etc.
  • O Safari já oferece suporte, e o projeto busca expandir isso para outros navegadores

• Navigation API

  • Nova API de controle de navegação que substitui o complexo history.pushState() no desenvolvimento de SPA
  • No Interop 2025, passou em 92,3% dos testes; em 2026, ganha a opção precommitHandler

• Scoped Custom Element Registries

  • Permite criar um CustomElementRegistry por escopo para resolver o problema de conflitos globais
  • O Safari 26.0 foi a primeira implementação, e o projeto busca consistência entre todos os navegadores

• Scroll-driven Animations

  • Permite controlar animações apenas com CSS de acordo com a posição de rolagem
  • O suporte começou no Safari 26.0, impulsionando a padronização de interações baseadas em rolagem

• Scroll Snap

  • Controla alinhamento e comportamento de encaixe em contêineres com rolagem
  • Estão em andamento melhorias baseadas em testes para resolver inconsistências causadas por mudanças antigas na especificação

• shape()

  • Permite definir formas compostas baseadas em curvas em clip-path e shape-outside
  • Suportado desde o Safari 18.4, com meta de garantir consistência na representação responsiva de curvas

• View Transitions

  • Fornece efeitos de animação em transições de página
  • Parte de 90,8% de compatibilidade em 2025 e, em 2026, será expandido para incluir transições cross-document

• Web Compat

  • Conjunto de testes para resolver problemas de compatibilidade encontrados em sites reais
    • Inclui carregamento de módulos ESM, timing de eventos de rolagem/animação e a propriedade user-select

• WebRTC

  • Padrão para comunicação em tempo real de áudio, vídeo e dados
  • Continua sendo aprimorado após a taxa de aprovação de 91,6% em 2025

• WebTransport

  • API de comunicação bidirecional baseada em HTTP/3, com suporte a baixa latência e multistream
  • Oferece controle mais granular que o WebSocket e uma estrutura mais simples que o WebRTC

• CSS Zoom

  • Ajusta a escala de elementos e conteúdo, afetando diretamente o layout
  • Passou de propriedade não padronizada a padrão e, após 2025, continua tendo sua consistência aprimorada

Pesquisas e próximos desafios

• Testes de acessibilidade

  • Continua o aprimoramento da infraestrutura de testes para garantir consistência da árvore de acessibilidade entre navegadores

• JPEG XL

  • Formato de imagem de nova geração, com suporte a animação, transparência e compressão sem perdas
  • O suporte começou no Safari 17.0, com possibilidade de inclusão futura como item oficial de teste

• Testes mobile

  • Melhoria da infraestrutura de testes para recursos específicos de dispositivos móveis, como mudanças dinâmicas de viewport

• WebVTT

  • Verificação contínua para resolver divergências entre navegadores no padrão de legendas e captions

Rumo a uma web mais interoperável

• O Interop 2026 abrange áreas centrais como flexibilidade de CSS, transições visuais, comunicação em tempo real e transferência de dados
• Busca resolver problemas antigos de inconsistência em itens como Scroll Snap, shape() e Web Compat
• A equipe do WebKit está colaborando com foco em comportamento consistente em todos os navegadores
• Como resultado, oferece aos desenvolvedores uma base de plataforma web mais confiável