Sofia Emelianova
Il riquadro Panoramica CSS in DevTools ti consente di trovare a colpo d'occhio potenziali miglioramenti CSS nella pagina.
Per generare un report, apri DevTools > 
> Altri strumenti > Panoramica CSS e fai clic su Acquisisci panoramica.
Il report mostra diverse sezioni:
- Un riepilogo con statistiche su stili, selettori e query multimediali.
- Un'analisi dei colori utilizzati, che include i problemi di contrasto, che rappresentano i problemi più comuni sul web.
- Un'analisi dei caratteri utilizzati con statistiche su dimensioni, spessore e altezza della riga.
- Dichiarazioni CSS inutilizzate.
- Statistiche sulle query supporti ordinate per numero di occorrenze in ordine decrescente.
Per un'esperienza di apprendimento più pratica, consulta la panoramica di CSS: identifica i potenziali miglioramenti del CSS.
Per scoprire di più sui problemi di contrasto, consulta l'articolo Rendere il sito web più leggibile.