Strumenti › Design

Verifica del contrasto dei colori

Controlla i colori di testo e interfaccia secondo le WCAG 2.2 AA e AAA, preleva i colori dallo schermo o da un mockup e ottieni la tonalità conforme più vicina.

Testo grande 24px

Il testo normale a 16px deve restare leggibile per tutti, comprese le persone ipovedenti.

2.21:1

✗ Testo AA✗ AA grande✗ Testo AAA✗ AAA grande✗ Interfaccia e icone

Colore del testo più vicino che supera AA: #B4610B

Preleva i colori da un mockup

Come funziona

  1. Il contrasto è calcolato con la formula della luminanza relativa WCAG e arrotondato per difetto, come fanno i revisori.
  2. Il suggerimento mantiene la tinta e la saturazione del tuo colore e cambia solo la luminosità.

Domande

Cosa si intende per testo grande?

Da 24 px normale o da 18,66 px in grassetto in su. Per il livello AA gli basta 3:1 invece di 4,5:1.