Novità sulla piattaforma web ad aprile

Scopri alcune delle interessanti funzionalità introdotte nei browser web stabili e beta ad aprile 2022.

Rachel Andrew

Release stabili del browser

Ad aprile, Chrome 101 e Firefox 99 sono diventati stabili. Dopo il ricco raccolto di funzionalità introdotte il mese scorso, aprile è stato un po' più tranquillo, ma sono state rilasciate alcune novità interessanti.

Chrome 101 include la notazione del colore HWB. Specifica il colore in base a tonalità, bianco e nero. Come per altre notazioni di colore, un componente alfa facoltativo specifica l'opacità.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Per scoprire di più su hwb(), leggi questo articolo di Stefan Judis: hwb() – a color notation for humans?.

In Chrome 101 è disponibile anche la funzionalità Priorità di recupero. In questo modo, puoi suggerire al browser l'ordine in cui scaricare le risorse utilizzando l'attributo fetchpriority. Nell'esempio riportato di seguito, un'immagine a bassa priorità è indicata con fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Fetch Priority non è ancora disponibile in altri browser, ma puoi iniziare a utilizzarlo subito per avvantaggiare chiunque abbia un browser basato su Chromium 101.

Firefox 99 include la proprietà pdfViewerEnabled dell'interfaccia Navigator. Questa proprietà indica se il browser supporta la visualizzazione in linea dei file PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Release beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno disponibili nella prossima versione stabile del browser. È il momento ideale per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che vengano rilasciate a livello globale.

Le nuove versioni beta di aprile erano Chrome 102, Firefox 100 e Safari 15.5.

Chrome 102, Safari 15.5 e le versioni di anteprima di Firefox includono l'attributo inert. In questo modo, gli elementi vengono rimossi dall'ordine di tabulazione e dall'albero di accessibilità se non sono interattivi. Ad esempio, un elemento attualmente fuori dallo schermo o nascosto.

Chrome 102 include il nuovo valore until-found per l'attributo HTML hidden. In questo modo, è possibile trovare il testo nella pagina e scorrere fino al frammento di testo all'interno di un'area compressa della pagina, come in un pattern a fisarmonica. Scopri di più nel post Rendere accessibili i contenuti compressi con hidden=until-found.

Chrome 102 include anche l'API Local Font Access, che consente l'accesso ai caratteri installati localmente dall'utente.

Queste funzionalità beta saranno presto disponibili nei browser stabili.

Parte della serie Novità del web