Novità di Chrome 127

Adriana Jara

Tieni presente quanto segue:

  • font-size-adjust ti aiuta a migliorare la leggibilità dei caratteri di riserva.
  • Le attivazioni utente ora vengono propagate tra i documenti in modalità Picture in Picture e il relativo programma di apertura.
  • I contenitori di scorrimento ora possono essere attivati dalla tastiera per impostazione predefinita.
  • E c'è molto altro.

Sono Adriana Jara. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 127.

CSS font-size-adjust

La leggibilità del sito può diminuire quando la famiglia di caratteri di prima scelta non è disponibile e il carattere di riserva ha un valore di aspetto significativamente diverso.

L'immagine seguente mostra la differenza tra i caratteri Verdana e Times anche se il testo ha le stesse dimensioni.

Righe di testo che riportano: "Questo testo utilizza il carattere Verdana (14 px), che ha lettere minuscole relativamente grandi" e "Questo utilizza il carattere Times (14 px), che è difficile da leggere in dimensioni ridotte"

Se il tuo sito dovesse tornare al carattere Times, la lettura diventerebbe molto più difficile.

La proprietà CSS font-size-adjust ti consente di regolare le dimensioni dei caratteri di riserva per mantenere costante il valore dell'aspetto (altezza delle lettere minuscole divisa per le dimensioni dei caratteri) e garantire che il testo abbia un aspetto simile, indipendentemente dal carattere utilizzato.

Nell'immagine seguente, l'utilizzo di font-size-adjust mantiene la leggibilità tra i caratteri Verdana e Times.

   font-size-adjust: 0.545;

Righe di testo che riportano "Questo testo utilizza il carattere Verdana (14 px), che ha lettere minuscole relativamente grandi", "Questo utilizza il carattere Times (14 px), che è difficile da leggere in dimensioni ridotte" e "Questo testo in carattere Times 14 px è regolato allo stesso valore di aspetto del carattere Verdana, quindi i caratteri minuscoli sono normalizzati nei due caratteri

Con il lancio di font-size-adjust in Chrome, questa funzionalità diventa Baseline appena disponibile. Leggi i dettagli in CSS font-size-adjust is now in Baseline.

Picture in picture di Documenti: propagare l'attivazione dell'utente

L'API Document Picture in picture ora propaga le attivazioni utente tra la finestra Picture in picture del documento e il relativo strumento di apertura.

Consulta la demo di propagazione dell'attivazione dei gesti dell'utente e osserva le modifiche al colore di sfondo della pagina quando viene rilevata un'attivazione dell'utente. Il gesto dell'utente viene propagato in entrambi i contesti e viene modificato lo sfondo di entrambe le finestre.

In questo modo le attivazioni degli utenti in una finestra Picture in picture del documento sono utilizzabili all'interno della finestra di apertura e viceversa. Questa modifica rende più ergonomico l'utilizzo delle API con attivazione utente, poiché spesso i gestori degli eventi nella finestra Picture-in-picture del documento vengono eseguiti nel contesto dell'utente che ha aperto il documento, quindi il contesto dell'utente che ha aperto il documento deve avere accesso al gesto dell'utente.

Visita la pagina Picture in picture per qualsiasi elemento, non solo per <video>, per maggiori dettagli.

Contenitori con scorrimento attivabile da tastiera.

È importante che i contenitori di scorrimento siano attivabili dalla tastiera per rendere gli elementi di scorrimento e i contenuti al loro interno più accessibili a tutti gli utenti.

D'ora in poi, le barre di scorrimento saranno attivabili tramite programmazione per impostazione predefinita. Prima di questa modifica, era possibile impostare lo stato attivo di un elemento di scorrimento per le schede solo se il parametro tabindex era impostato esplicitamente su 0 o superiore.

Tieni presente che questo comportamento si verifica solo se la barra di scorrimento non ha elementi secondari attivabili. Ad esempio, se lo scorrimento contiene già un pulsante, lo stato attivo della scheda ignorerà la barra di scorrimento e lo attiverà direttamente sul pulsante.

Le best practice per l'accessibilità consigliano che tutte le funzionalità siano disponibili usando una tastiera. Per impostazione predefinita, gli elementi di scorrimento attivabili da tastiera consentono all'utente di utilizzare più facilmente la navigazione con il fuoco sequenziale per accedere agli elementi di scorrimento.

Tieni presente che questa modifica verrà attivata per gli utenti molto lentamente nel tempo, in modo da poter monitorare i problemi causati dal cambiamento. Pertanto, alcuni utenti potrebbero non vedere questa funzionalità attivata fino alla versione 130 o anche successiva.

Per maggiori dettagli, consulta Scorrimenti attivabili della tastiera

E tanto altro.

Naturalmente c'è molto altro.

  • Ora sono disponibili transizioni simultanee tra visualizzazioni dello stesso documento in un frame principale e in un iframe dello stesso dominio.

  • Il testo alternativo generato dai contenuti CSS ora supporta più argomenti.

  • Il riquadro Prestazioni di DevTools ora acquisisce gli eventi dei messaggi WebSocket e li mostra nella traccia delle prestazioni.

Leggi le note di rilascio complete.

Per approfondire

Sono riportati solo alcuni punti salienti. Consulta i seguenti link per altre modifiche in Chrome 127.

Iscriviti

Per rimanere al passo con le novità, iscriviti al canale YouTube di Chrome for Developers, e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Adriana Jara e, non appena verrà rilasciato Chrome 127, sarò qui per raccontarti le novità di Chrome.