Risposta diretta
Un verificatore di sistema colore analizza l'appartenenza al gamut, il contrasto WCAG 2.2 per coppie semantiche significative e la progressione percettiva della scala, suggerendo interventi correttivi espliciti che l'utente deve approvare.
Come usare questo strumento
Apri la fase di verifica
Accedi dalla pagina del verificatore o prosegui dal builder mantenendo in memoria il progetto corrente.
Esamina i report di audit
Controlla le classificazioni sRGB e Display-P3, i risultati delle coppie WCAG e i rilievi sulla progressione di luminosità e spaziatura tra toni.
Applica le correzioni desiderate
Accetta le proposte correttive che specificano token di destinazione, nuovo valore e conseguenze, preservando intatte le ancore del brand.
Contrasto per coppie semantiche e trasparenza di gamut
Il contrasto viene calcolato tramite la formula di luminanza relativa WCAG 2.2 applicata a relazioni visive effettive di primo piano e sfondo, anziché a matrici dispersive di tutte le permutazioni. Le ancore Display-P3 esterne al gamut adottano fallback sRGB deterministici senza tagli silenziosi dei canali.
- La remediation non altera mai arbitrariamente i colori del brand; i token derivati si fanno carico degli aggiustamenti di accessibilità.
- I criteri AAA per elementi non testuali non vengono millantati se non contemplati dalle linee guida WCAG.
- Tutti i controlli si svolgono interamente all'interno del browser sul documento attivo.
Esempi pratici
Audit AA del Primary su Surface
Input: Ruoli: testo su Surface con accenti Primary #2563eb
Output: Report di conformità della coppia con stato AA/AAA e proposta opzionale di token derivato correttivo
Evidenzia le combinazioni non conformi con proposte trasparenti proteggendo l'ancora originale del brand.
Limitazioni
- Valuta l'accessibilità matematica per campiture piatte; le sovrapposizioni su sfondi fotografici richiedono verifica visiva manuale.
- Le euristiche sulla qualità della scala costituiscono un supporto consultivo e non rimpiazzano il giudizio del designer.
Domande frequenti
Il verificatore modificherà automaticamente il colore del mio brand?
No. Le ancore sorgente sono rigorosamente immutabili. Le correzioni creano o perfezionano token derivati solo previa tua conferma.
Posso configurare una coppia personalizzata di primo piano e sfondo?
Sì. Puoi aggiungere coppie semantiche tipiche della tua applicazione per concentrarti sui pattern effettivi dell'interfaccia.
È supportata la navigazione da tastiera per le azioni correttive?
Sì. Tutti i comandi di remediation sono raggiungibili via tastiera con indicatore di focus nitido e notifiche per screen reader.
Riferimenti autorevoli e standard
- W3C Web Content Accessibility Guidelines (WCAG) 2.2 ↗ — Official contrast thresholds for text and non-text UI components.
- W3C Relative Luminance Definition & Formula ↗ — Relative luminance formula used for semantic pair contrast audits.