WCAG Contrast Checker
Testo normale (16px)
Testo Grande (24px Bold)
The quick brown fox jumps over the lazy dog
Rapporto di contrasto
17.06:1
Eccellente
Conformità WCAG
Domande Frequenti
Tutto quello che devi sapere sull'accessibilità e il contrasto WCAG
Cos'è il contrasto WCAG?
Le linee guida WCAG (Web Content Accessibility Guidelines) definiscono standard di contrasto per garantire che il testo sia leggibile per persone con disabilità visive. Il contrasto è calcolato come rapporto tra la luminanza del colore più chiaro e quello più scuro, con un range da 1:1 (nessun contrasto) a 21:1 (bianco su nero).
Qual è il rapporto di contrasto minimo richiesto?
WCAG 2.1 Livello AA richiede: 4.5:1 per testo normale, 3:1 per testo grande (≥18pt o ≥14pt grassetto) e componenti UI. Livello AAA richiede: 7:1 per testo normale, 4.5:1 per testo grande.
Come migliorare il contrasto?
Per aumentare il contrasto: scurisci il testo (usa nero o grigio scuro invece di grigio chiaro), schiarisci o scurisci lo sfondo, evita colori simili in valore di luminosità. Strumenti come WCAG Contrast Checker o le DevTools del browser possono indicare aree problematiche.
什么是WCAG对比度？
WCAG（网络内容无障碍指南）定义对比度标准，以确保视障人士可以阅读文本。对比度计算为较亮颜色和较暗颜色的亮度比，范围从1:1（无对比度）到21:1（黑底白字）。
最低对比度要求是多少？
WCAG 2.1 AA级要求：普通文字4.5:1，大文字（≥18pt或≥14pt粗体）及UI组件3:1。AAA级要求：普通文字7:1，大文字4.5:1。