Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Contrast de color
Què és el contrast de color?
El contrast de color és la diferència de luminància entre dos colors, gairebé sempre el text i el fons que té al darrere. Es mesura com una ràtio, des d'1:1 per a dos colors idèntics fins a 21:1 per a negre pur sobre blanc pur. Com més alta és la ràtio, més fàcil es llegeix el text, sobretot per a persones amb baixa visió, daltonisme o qualsevol que acluqui els ulls davant d'una pantalla a ple sol.
La WCAG fixa llindars concrets. Al nivell AA, el text de cos normal necessita una ràtio de contrast d'almenys 4,5:1, i el text gran necessita 3:1. El nivell AAA els puja a 7:1 i 4,5:1. Les regles també cobreixen els elements interactius i els gràfics amb significat, així que la vora d'un botó o una icona que transmet informació han de complir un mínim. El text gris clar sobre fons blanc és l'error clàssic: queda elegant en un mockup i es torna illegible per a una part real de l'audiència.
El contrast no és només una regla d'accessibilitat. És una de les eines principals de la jerarquia visual, la que guia la mirada cap al que importa primer. Els dissenyadors comproven les ràtios amb verificadors de contrast mentre trien les paletes, perquè un color que falla en la mida de text més petita encara pot funcionar en un titular gran. Encertar-ho significa que el disseny sembla intencionat i continua sent usable per a tothom.
El contrast de color a Dallonses
Comprovem el contrast mentre dissenyem, no després que un tester el marqui. Les paletes es proven contra les ràtios WCAG abans d'arribar a una pantalla, així que els colors dels quals un client s'enamora són colors que de veritat funcionen a fora. Detectar una combinació que falla en la fase de disseny és barat. Detectar-la després del llançament significa refer un producte en producció.
El contrast és un dels punts on el nostre disseny d'interfícies d'usuari i el disseny web accessible se solapen del tot. Tractem els llindars WCAG com un terra i després fem servir el contrast de manera deliberada per construir jerarquia i focus. El resultat es llegeix amb claredat per a algú amb vista perfecta i per a algú sense ella. Un bon contrast és simplement bon disseny que a més resulta inclusiu.
Una paleta preciosa que ningú pot llegir? Fem que funcioni per a tothom.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
