Pubblicato il 12 febbraio 2026
Siamo felici di annunciare Interop 2026, un'iniziativa volta ad aumentare l'interoperabilità delle funzionalità chiave della piattaforma web tra i browser. Gestito da un team di rappresentanti di società che danno un contributo sostanziale ai motori di rendering dei browser, tra cui Apple, Google, Igalia, Microsoft e Mozilla, Interop 2026 si concentra sulle funzionalità che hanno la priorità per gli sviluppatori web e gli utenti finali.
In linea con i precedenti sforzi di interoperabilità, i test selezionati verranno eseguiti continuamente su un'infrastruttura di test automatizzati e i tassi di superamento verranno visualizzati nella dashboard Interop 2026.
Aree di intervento
Le aree di interesse per il 2026 includono diverse aree identificate come i principali problemi di interoperabilità nei sondaggi State of HTML e State of CSS. Monitoriamo questi problemi su webstatus.dev. Molte funzionalità incluse quest'anno figurano anche tra i 20 problemi più richiesti nel repository dei segnali per gli sviluppatori.
Posizionamento dell'ancoraggio
Visualizzato in: Principali problemi di interoperabilità, indicatori per sviluppatori posizionamento dell'ancora
Il posizionamento dell'ancora ti consente di posizionare un elemento in base alla posizione di un altro elemento, ad esempio un suggerimento accanto ai contenuti a cui fa riferimento. Questo focus continua da Interop 2025 e include solo i test del 2025.
Query di stile del contenitore
Visualizzato in: Problemi di interoperabilità principali, query di stile dei contenitori segnali dello sviluppatore
Le query di stile del contenitore applicano stili a un elemento in base ai valori calcolati delle proprietà personalizzate del contenitore, utilizzando la regola at @container insieme a una o più funzioni style().
Finestre di dialogo e popup
Visualizzato in: Principali problemi di interoperabilità, indicatori per sviluppatori closedby, hint
Per Interop 2026, il lavoro sull'elemento <dialog> e sull'API Popover si concentra su:
- L'attributo
<dialog closedby>, che imposta le azioni dell'utente che chiudono una finestra di dialogo (ad esempio, fare clic all'esterno della finestra di dialogo). - La pseudo-classe CSS
:open, che corrisponde agli elementi con stati aperti. - L'attributo globale
popover="hint", che crea un popover subordinato ad altri popover automatici, utile per le descrizioni comando.
Animazioni basate sullo scorrimento
Visualizzato in: Principali problemi di interoperabilità
Sono incluse le proprietà CSS animation-timeline, scroll-timeline e view-timeline, che fanno avanzare le animazioni in base alla posizione di scorrimento dell'utente.
Visualizzare le transizioni
Visualizzato in: principali problemi di interoperabilità, indicatori per gli sviluppatori Transizioni di visualizzazione tra documenti
Interop 2025 ha reso disponibili le transizioni di visualizzazione nello stesso documento in Baseline Newly available. Per Interop 2026, il lavoro sulle transizioni di visualizzazione si concentra su:
- Miglioramento delle transizioni di visualizzazione dello stesso documento.
- L'attributo
blocking="render"per<link>,<script>e<style>. - Attributo
<link rel="expect">. - La pseudo classe CSS
:active-view-transition-type(). - Transizioni di visualizzazione tra documenti.
La funzione CSS attr()
Visualizzazione negli indicatori dello sviluppatore attr()
La funzione CSS attr() restituisce il valore di un attributo di un elemento HTML, con la possibilità di restituire quel valore come un tipo specifico o con un'unità specifica.
Oltre a queste funzionalità chiave evidenziate nei sondaggi, Interop 2026 include:
La funzione CSS contrast-color()
La funzione CSS contrast-color() seleziona un colore che garantisce il contrasto con un colore di primo piano o di sfondo specificato.
Punti salienti personalizzati
I punti salienti personalizzati ti consentono di applicare uno stile a intervalli di testo arbitrari senza aggiungere elementi aggiuntivi al DOM.
Recupera caricamenti e intervalli
Il lavoro sul metodo fetch() si concentra su ReadableStream nel corpo per trasmettere dati in streaming al server, supportando i tipi di media e FormData per richieste e risposte e l'intestazione Range.
IndexedDB
L'area di messa a fuoco IndexedDB ha come target i metodi getAllRecords() di IDBObjectStore e IDBIndex. Questi metodi velocizzano le operazioni di lettura su set di dati di grandi dimensioni restituendo i record e le relative chiavi primarie in batch.
JSPI per Wasm
L'API JavaScript Promise Integration (JSPI) consente alle applicazioni Wasm che prevedono l'accesso sincrono a funzionalità esterne di funzionare in un ambiente in cui questa funzionalità è asincrona.
Pseudo-classi dei media
Questa area include le pseudo-classi CSS :playing, :paused, :seeking, :buffering, :stalled, :muted e :volume-locked, che corrispondono agli elementi <audio> e <video> in base al loro stato.
API Navigation
Quest'anno, il lavoro si concentrerà sul miglioramento continuo dell'interoperabilità dell'API Navigation e sull'opzione precommitHandler per navigateEvent.intercept(), che posticipa il commit fino a quando un gestore non lo ha risolto.
Registri di elementi personalizzati con ambito
Il costruttore CustomElementRegistry() crea un nuovo registro di elementi personalizzati separato da quello globale, consentendo la coesistenza di più elementi personalizzati con lo stesso nome tag.
Allineamento dello scorrimento
Questa area di messa a fuoco copre lo scorrimento con snap CSS, che controlla il comportamento di panoramica e scorrimento all'interno di un contenitore di scorrimento.
La funzione CSS shape()
La funzione CSS shape() crea forme utilizzando comandi come linea, sposta e curva e può essere utilizzata con clip-path e shape-outside.
Compatibilità web
Questa area è dedicata a problemi di interoperabilità specifici che causano problemi reali, tra cui:
- Caricamento del modulo ESM.
- La tempistica degli eventi di scorrimento rispetto agli eventi di animazione.
- Rimozione del prefisso della proprietà
-webkit-user-select.
WebRTC
Per Interop 2026, il lavoro si concentra sulla correzione dei test non superati rimanenti dell'area di interesse di Interop 2025 e sul miglioramento continuo dell'interoperabilità di WebRTC.
API WebTransport
Questa sezione riguarda l'API WebTransport, che trasmette dati tra un client e un server utilizzando il protocollo HTTP/3.
La proprietà CSS zoom
In continuità con Interop 2025, questa area si concentra sulla proprietà CSS zoom, che ridimensiona un elemento e influisce sul layout della pagina.
Sforzi di indagine
Interop 2026 include anche attività di indagine per preparare le funzionalità future per i test e il lavoro di interoperabilità:
- Test di accessibilità:ci stiamo adoperando per generare alberi di accessibilità coerenti nei vari browser e per migliorare l'infrastruttura WPT.
- JPEG XL: ci stiamo concentrando sulla creazione di test per il formato immagine JPEG XL, inclusa la definizione dei requisiti per il rendering progressivo.
- Test sui dispositivi mobili:miglioramento dell'infrastruttura di WPT per testare funzionalità specifiche per i dispositivi mobili, come le modifiche dinamiche dell'area visibile.
- WebVTT: correzione dei test e aggiornamento della documentazione per migliorare la comprensione della conformità agli standard.
Monitorare i progressi fino al 2026
Segui l'avanzamento del progetto nella dashboard Interop 2026.