Tieni presente quanto segue:
font-size-adjustti aiuta a migliorare la leggibilità dei caratteri di riserva.- Ora le attivazioni degli utenti vengono propagate tra i documenti Picture in picture e i relativi strumenti di apertura.
- I contenitori di scorrimento ora possono essere attivati dalla tastiera per impostazione predefinita.
- E ce ne sono molti altri.
Mi chiamo Adriana Jara. Vediamo quali sono le novità di Chrome 127 per gli sviluppatori.
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 è delle stesse dimensioni.
Se il tuo sito utilizzasse il carattere "Time", diventa molto più difficile leggerlo.
La proprietà CSS font-size-adjust consente di regolare le dimensioni dei caratteri di riserva per mantenere coerente il valore di aspetto (altezza delle lettere minuscole diviso per le dimensioni del carattere), garantendo che il testo appaia simile, indipendentemente dal carattere utilizzato.
Nell'immagine seguente, l'utilizzo di font-size-adjust consente di mantenere la leggibilità tra i caratteri Verdana e Times.
font-size-adjust: 0.545;
Con il lancio di font-size-adjust in Chrome, questa funzionalità diventa Baseline. Leggi i dettagli in CSS font-size-adjust is now in Baseline.
Documento Picture in picture: propaga l'attivazione 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.
Visita la demo della propagazione dell'attivazione tramite gesti dell'utente e osserva le modifiche al colore di sfondo della pagina quando viene rilevata un'attivazione 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 di API basate sull'attivazione dell'utente, poiché spesso i gestori di eventi nella finestra Picture in picture del documento vengono effettivamente eseguiti nel contesto di apertura, quindi il contesto dell'utente deve poter accedere al gesto dell'utente.
Visita la pagina Picture in picture per qualsiasi elemento, non solo per <video>, per maggiori dettagli.
Contenitori di scorrimento attivabili dalla tastiera.
È importante che i container di scorrimento diventino attivabili sulla tastiera per rendere più accessibili a tutti gli utenti gli strumenti di scorrimento e i contenuti al loro interno.
D'ora in poi, gli scorrimenti possono essere attivati e attivati in modo programmatico 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 lo 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. Gli indicatori di scorrimento della tastiera attivabili per impostazione predefinita semplificano all'utente l'utilizzo della navigazione sequenziale dello stato attivo per accedere agli strumenti di scorrimento.
Per maggiori dettagli, consulta Scorrimenti attivabili della tastiera
E tanto altro.
Naturalmente c'è molto altro.
Sono ora disponibili transizioni simultanee della visualizzazione dello stesso documento in un frame principale e in un iframe della stessa origine.
Il testo alternativo generato dai contenuti CSS ora supporta più argomenti.
Il riquadro Rendimento di DevTools ora acquisisce gli eventi dei messaggi WebSocket e li mostra nella traccia del rendimento.
Leggi le note di rilascio complete.
Per approfondire
Vengono illustrati solo alcuni dei punti salienti. Visita i seguenti link per altre modifiche in Chrome 127.
- Novità di Chrome DevTools (127)
- Aggiornamenti di ChromeStatus.com per Chrome 127
- Elenco delle modifiche al repository di codice sorgente di Chromium
- Calendario dei rilasci di Chrome
Iscriviti
Per non perderti gli aggiornamenti, iscriviti al Canale YouTube per sviluppatori di Chrome, e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.
Ciao Adriana Jara, non appena verrà rilasciato Chrome 127 ti fornirò tutte le informazioni sulle novità di Chrome.