WebAIM Contrast checker

Link risorsa

https://webaim.org/resources/contrastchecker/

Scopo

Permette di capire se il contrasto colore testo/sfondo rispetta il contrasto minimo richiesto dalle guidelines. Anche se il controllo del contrasto colore è già presente nel plugin AXE, questo tool permette di verificare contrasto tra testo e sfondo mostrando come il risultato possa variare a seconda della grandezza del testo e della certificazione che si sta cercando di ottenere.

Funzionamento

E’ abbastanza semplice e intuitivo: nelle due maschere inserire il codice esadecimale del testo e dello sfondo. Automaticamente sulla destra apparirà il coefficiente di contrasto.

Lo schema sottostante propone i risultati a seconda della grandezza del testo e verifica che il contrasto sia corretto anche nei form e negli eventuali oggetti grafici (banner, immagini di card,…), secondo le ultime direttive delle WCAG 2.1

A completare la comprensione dei risultati e come eventualmente correggere i problemi, viene aggiunto un paragrafo di spiegazione con riferiementi alle WCAG.