Leggibilità testo
Testa la leggibilità del testo con diverse combinazioni di colore testo e sfondo, misurando il contrasto WCAG per garantire una lettura chiara su ogni schermo.
Anteprima in tempo reale
Titolo di esempio
Ecco un testo di esempio per testare la leggibilità. The quick brown fox jumps over the lazy dog. 0123456789
Testo più piccolo per confronto
Punteggio di leggibilità
Conformità WCAG 2.1
Testo normale (≥4,5:1)
Testo grande (≥3:1)
Testo normale (≥7:1)
Testo grande (≥4,5:1)
Impostazioni
Testa la leggibilità del testo con diverse combinazioni di colore testo e sfondo, misurando il contrasto WCAG per garantire una lettura chiara su ogni schermo.
Leggibilità testo mostra solo i controlli e i risultati pertinenti alla sua funzione. Le opzioni disponibili dipendono dallo strumento e dall’input.
Formati supportati
Come funziona
Passaggio 1
Apri Leggibilità testo e prepara l’input richiesto dall’interfaccia
Passaggio 2
Regola i controlli visibili in base al risultato desiderato
Passaggio 3
Controlla il risultato prima di copiarlo, esportarlo o riutilizzarlo
Errori comuni da evitare
- Non dare per supportato un formato o un’opzione che non compare nell’interfaccia.
- Verifica i valori prima di riutilizzarli in un sistema visivo, un’interfaccia o un file finale.
- Se il risultato è usato per testo o componenti UI, controlla anche il contrasto.
Consigli dei professionisti
- Conserva il valore di partenza insieme al risultato per confrontare le varianti.
- Usa i formati realmente mostrati dallo strumento invece di stimare conversioni.
- Su mobile e tablet lascia che testi e controlli vadano a capo.
Trattamento dei dati
Il trattamento dipende dalla funzione utilizzata. Consenso, analisi e funzioni account del sito sono separati dall’operazione sul colore.
Cosa fa questo strumento
Testa la leggibilità del testo con diverse combinazioni di colore testo e sfondo, misurando il contrasto WCAG per garantire una lettura chiara su ogni schermo. Leggibilità testo resta concentrato su questa attività e non presume funzioni che non sono mostrate nell’interfaccia. Usa i controlli disponibili per ottenere il risultato necessario e verifica i valori visualizzati prima di portarli in un altro strumento, foglio di stile, file di design o documento.
Preparare un input adatto
Parti dall’input richiesto da Leggibilità testo: colore, valore, immagine o impostazione a seconda della schermata. I formati indicati per questa pagina sono HEX, RGB, HSL, Texte. Se un formato o un’opzione non compare nell’interfaccia, non considerarlo supportato da questa specifica funzione.
Leggere e verificare il risultato
Leggi il risultato nel contesto dell’operazione eseguita. Confrontalo con il valore di origine e controlla le impostazioni che hanno influenzato il calcolo. Per lavori visivi importanti, verifica anche il risultato nell’interfaccia reale in cui verrà usato, non solo nel codice.
Uso su mobile e tablet
Leggibilità testo utilizza il layout responsive del sito. Titoli, sottotitoli, breadcrumb e controlli possono andare a capo sugli schermi stretti per evitare il taglio delle traduzioni lunghe. Controlla comunque il risultato finale sul dispositivo e nel contesto in cui verrà utilizzato.
Riutilizzare il risultato nel progetto
Dopo aver verificato il risultato, usa soltanto le azioni offerte realmente da Leggibilità testo, come copia o esportazione quando presenti. Conserva il valore sorgente se devi riprodurre l’impostazione e, per le interfacce, documenta anche il ruolo del colore e il contrasto richiesto.
Strumenti correlati
Guide e tutorial
Impara a usare i nostri strumenti con le nostre guide dettagliate.
Come scegliere un colore leggibile per un sito web?
Guida completa per selezionare colori leggibili sul web. Scopri le regole di contrasto, le buone pratiche e gli errori da evitare.
text-readability: guida pratica per accessibility
Guida localizzata per usare text-readability, capire le buone pratiche di accessibility ed evitare errori comuni.
text-readability: guida pratica per accessibility
Guida localizzata per usare text-readability, capire le buone pratiche di accessibility ed evitare errori comuni.
Domande frequenti
Impara a usare i nostri strumenti con le nostre guide dettagliate.