Calcolatore di Leggibilità Visiva WCAG e APCA

Verifica il contrasto reale dei tuoi design con APCA (WCAG 3.0). Analizza come il peso e la dimensione del font influenzano la leggibilità effettiva. Dai semplici rapporti alla leggibilità percettiva.

Colori Base
#1E293B
#FFFFFF
Tipografia
16px
400
Confronto Contrasto
Rapporto WCAG 2.1 21.00 Supera AAA
APCA Lc (WCAG 3) 100 Eccellente
Anteprima Percettiva

La leggibilità visiva non è solo matematica. È il modo in cui luce e ombra interagiscono con i tuoi occhi.

Raccomandazioni APCA
Testo Corpo (Body)
Testo Piccolo / Didascalia
UI / Pulsanti
Studio Strumenti

Vuoi questo strumento sul tuo sito?

Personalizza i colori e la modalità scura per WordPress, Notion o il tuo sito.

Domande frequenti

Cos'è APCA e perché è diverso da WCAG 2.1?

APCA è l'Advanced Perceptual Contrast Algorithm sviluppato per WCAG 3.0. A differenza del vecchio rapporto semplice, APCA utilizza modelli matematici che replicano come il cervello umano percepisce il contrasto, tenendo conto della polarità (sfondo chiaro vs. scuro) e della dimensione e del peso del font.

Cosa rappresenta il valore Lc?

Lc (Lightness Contrast) è il valore di contrasto generato da APCA. Un valore di 100 rappresenta il contrasto massimo ideale, mentre valori inferiori a 60 diventano critici per i testi a lettura continua. È una scala di magnitudine assoluta della percezione.

Come influisce il peso del font sulla leggibilità?

I font sottili (Thin/Light) richiedono un contrasto molto più elevato per essere leggibili. APCA penalizza i font a basso peso, indicando che un design che supera WCAG con un font a peso 100 potrebbe risultare illeggibile nella pratica.

Questo calcolatore è privato?

Sì, tutti i calcoli vengono eseguiti localmente nel tuo browser. I colori e le impostazioni che analizzi non vengono mai inviati a nessun server, garantendo la massima privacy per i tuoi progetti di design.

# Calcolatore di Leggibilità Visiva (WCAG vs APCA)

Scopri come i tuoi colori e la tua tipografia influenzano la leggibilità reale con il nuovo standard di accessibilità percettiva. WCAG 2.1 usa una semplice formula matematica del 2008. APCA è il nuovo modello proposto per WCAG 3.0 che replica la percezione umana.

# Punti Chiave di APCA

  • Polarità: Riconosce che la modalità scura (Dark Mode) viene percepita diversamente da quella chiara.
  • Peso del Font: Assegna livelli di contrasto specifici (Lc) in base al peso tipografico.
  • Linearità: Corregge le imprecisioni matematiche nel modello di luminanza relativa del 2008.

# Livelli APCA Consigliati

  • Lc 90+: Ideale per testo molto piccolo o di basso peso.
  • Lc 75: Lo standard per il testo corpo principale.
  • Lc 60: Minimo per contenuto di dimensione media leggibile.
  • Lc 45: Minimo per elementi grandi o decorativi.

Riferimenti Bibliografici