OneKitTools logoOneKitTools
Torna a Sviluppatore

Contrasto WCAG

Verifica il rapporto di contrasto colori per l'accessibilità WCAG

Informazioni su Contrasto WCAG

Controlla color contrast ratios against WCAG 2.1 AA and AAA guidelines with live preview, auto-fix suggestions, and CSS export — all nel tuo browser.

Come usare Contrasto WCAG

  1. 1Inserisci or pick a foreground (text) color and a background color.
  2. 2Visualizza the contrast ratio and WCAG pass/fail results for AA and AAA levels.
  3. 3Controlla i risultati per AA e AAA su testo normale e grande.
  4. 4Usa il suggerimento colore per trovare alternative accessibili.
  5. 5Genera varianti palette che rispettano i requisiti WCAG.

Consigli

  • WCAG AA richiede 4.5:1 per testo normale e 3:1 per testo grande — AAA richiede 7:1 e 4.5:1.
  • Upgrade to Starter+ to get the closest AA-compliant color suggestion quando your pair fails.
  • Testa your colors at their actual usage sizes — a pair that passes for headings may fail for small body text.

Limiti gratuiti vs a pagamento

Gratuito: contrast checking and preview. Starter+: auto-fix color suggestions and accessible pairs.

Strumenti correlati

Team OneKitToolsAggiornato 2.21.4