Novità sulla piattaforma web ad aprile

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta ad aprile 2026.

Rachel Andrew

Pubblicato il 24 aprile 2026

Release stabili del browser

Chrome 147 e Firefox 150 rilasciati nella versione stabile ad aprile. Questo mese non è stata rilasciata alcuna versione stabile di Safari. Questo post esamina le numerose nuove funzionalità di questo mese.

La funzione CSS contrast-color() diventa Baseline

Con Chrome 147, la contrast-color() funzione, questa utile funzionalità di accessibilità è ora disponibile su tutti i principali motori, il che la rende disponibile nella baseline.

Questa funzione accetta un valore di colore e restituisce il nero o il bianco, a seconda di quale offre il contrasto più elevato rispetto al colore fornito. In questo modo il testo soddisfa i requisiti di contrasto per l'accessibilità.

Browser Support

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

Source

Le proprietà dell'intervallo di animazione basata sullo scorrimento ora sono di base

Firefox 150 include il supporto per le proprietà animation-range-start e animation-range-end, nonché per la notazione abbreviata animation-range. In questo modo, queste proprietà diventano disponibili nella baseline.

Queste proprietà ti consentono di controllare dove inizia e termina un'animazione nella sequenza temporale di un'animazione basata sullo scorrimento.

Browser Support

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

Source

Il metodo ariaNotify()

Firefox 150 introduce il supporto per il metodo ariaNotify() su Document e Element. Questo metodo consente agli autori dei contenuti di mettere in coda una stringa di testo da annunciare da uno screen reader.

Ciò fornisce un'alternativa più affidabile ed ergonomica alle regioni attive ARIA, soprattutto per gli annunci non collegati agli aggiornamenti DOM.

Browser Support

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

Source

Dimensioni automatiche per le immagini con caricamento lento

Firefox 150 ora supporta la parola chiave "auto" per l'attributo sizes degli elementi <img>. In questo modo, le immagini caricate in modalità differita possono utilizzare le dimensioni del layout dell'immagine calcolate per selezionare l'origine migliore da un srcset, semplificando la configurazione delle immagini adattabili.

Browser Support

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

Source

Transizioni di visualizzazione con ambito elemento

Chrome 147 espone element.startViewTransition() su elementi HTML arbitrari. Ciò consente transizioni limitate a un elemento specifico, il che significa che gli pseudo-elementi sono interessati da ritagli e trasformazioni degli elementi padre e che possono essere eseguite più transizioni contemporaneamente.

Proprietà CSS border-shape

Chrome 147 introduce la proprietà border-shape, che consente di creare bordi non rettangolari con forme come poligoni o cerchi.

Attributo percorso SVG <textPath>

Chrome 147 aggiunge il supporto dell'attributo path all'elemento SVG <textPath>, consentendoti di definire la geometria del percorso del testo in linea.

Browser Support

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

Supporto di modulepreload per JSON e stile

Chrome 147 aggiunge il supporto per i tipi di moduli JSON e di stile come destinazioni <link rel="modulepreload">.

Browser Support

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

Math.sumPrecise

Chrome 147 implementa la proposta TC39 per Math.sumPrecise, restituendo una somma precisa dei valori in un iterabile. Questo metodo è ora disponibile nella baseline.

Browser Support

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

Source

Versioni beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno disponibili nella successiva versione stabile del browser. È il momento ideale per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che il resto del mondo riceva la release. Le nuove versioni beta di questo mese sono Chrome 148, Firefox 151 e Safari 26.5.

La versione beta di Chrome 148 include query sui contenitori solo con nome in CSS, il caricamento differito per gli elementi video e audio e la funzione at-rule() per il rilevamento delle funzionalità in @supports.

Firefox 151 beta include le query di stile dei contenitori CSS.

La versione beta di Safari 26.5 include il supporto della pseudo-classe :open sugli elementi <details>, <dialog>, <select> e <input>, oltre a un gran numero di risoluzioni di problemi.