Raggiungere il livello AA: soglie per testo e testo grande
Conosca i rapporti minimi per il testo normale e quello grande.
Raggiungere il livello AA: soglie per testo e testo grande è una lezione Web Accessibility Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Web Accessibility Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Web Accessibility Academy include 4 lezioni in totale.
Raggiunga l'obiettivo AA
La maggior parte dei team si impegna a rispettare il livello AA delle WCAG per il contrasto. È abbastanza rigoroso da aiutare le persone e abbastanza realistico da poter essere effettivamente pubblicato.
Testo normale: 4.5 a 1
Per il testo del corpo, il livello AA richiede almeno 4.5:1. Questo vale per paragrafi, etichette e per la maggior parte delle parole della pagina.
Che cosa si considera grande
Testo grande significa 24px normale oppure 18.66px in grassetto. A queste dimensioni le lettere sono più facili da leggere, quindi le regole sono meno severe.
Testo grande: 3 a 1
Il testo grande ha bisogno solo di 3:1. Le forme più grandi hanno un peso visivo maggiore, quindi anche una differenza di luminosità più piccola resta chiaramente leggibile.
Il grassetto riduce la dimensione richiesta
Lo spessore conta: il testo in grassetto è considerato grande già a 18.66px, perché i tratti più spessi sono semplicemente più facili da distinguere per l'occhio.
Punti e pixel
Le WCAG definiscono grande il testo da 18pt o da 14pt in grassetto, che in CSS corrispondono a 24px e 18.66px. Di solito gli strumenti eseguono automaticamente la conversione.
Componenti dell'interfaccia: 3 a 1
Pulsanti, input e indicatori del focus devono raggiungere 3:1 rispetto all'ambiente circostante secondo il criterio 1.4.11, così i controlli rimangono visibili.
AAA va oltre
Desidera garanzie più forti? AAA porta il testo normale a 7:1 e quello grande a 4.5:1, ma la maggior parte dei prodotti considera AA il proprio livello di base.
Controlli disabilitati e loghi sono esenti
Alcuni elementi non sono soggetti alla regola: i controlli disabilitati, le decorazioni pure e i loghi dei marchi non hanno un requisito minimo di contrasto.
Anche il testo del placeholder conta
Quel placeholder grigio tenue è testo reale, quindi deve rispettare anche il rapporto 4.5:1. La maggior parte dei valori predefiniti non lo rispetta: li renda intenzionalmente più scuri.
Dimensionare il testo grande in CSS
Questa intestazione raggiunge la dimensione del testo grande, quindi per superare il livello AA è sufficiente un rapporto di 3:1.
h2 {
font-size: 24px;
font-weight: 400;
}Controllo rapido
Fissi i valori AA per i diversi tipi di testo.
Riepilogo: raggiungere AA
Ricordi la coppia: 4.5:1 per il testo normale e 3:1 per il testo grande o i componenti dell'interfaccia. Rispettando questi valori, il contrasto supera il livello AA. Prossimo argomento: non affidarsi mai solo al colore. 🎯
Impara HTML con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 30
- Lezioni
- 120
Domande Frequenti
La lezione «Raggiungere il livello AA: soglie per testo e testo grande» è gratuita?
Sì — il testo completo di «Raggiungere il livello AA: soglie per testo e testo grande» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Web Accessibility Academy, passa a CoddyKit PRO. Il corso Web Accessibility Academy include 4 lezioni in totale.
Cosa imparerò in «Raggiungere il livello AA: soglie per testo e testo grande»?
Conosca i rapporti minimi per il testo normale e quello grande. Eserciti Web Accessibility Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Web Accessibility Academy?
Non è richiesta alcuna esperienza precedente. Web Accessibility Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.
Quanto tempo richiede la lezione «Raggiungere il livello AA: soglie per testo e testo grande»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Web Accessibility Academy?
Sì. Ogni lezione Web Accessibility Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Perché esistono i rapporti di contrasto
- Raggiungere il livello AA: soglie per testo e testo grande
- Non si affidi mai soltanto al colore
- Verificare il contrasto con strumenti gratuiti