Com fem servir el color en el disseny d'un lloc web pot donar lloc a problemes d'accessibilitat. I tot i que aquests semblen, en principi, fàcils de solucionar, poden portar molta feina si no es van tenir en compte des del principi en el disseny.
Hi ha dos aspectes que són els més importants per avaluar si tenim problemes amb el color: contrast i ús del color.
Contrast
És la més freqüent, i podem trobar llocs web en els quals no existeix gairebé cap pàgina sense problemes d'aquest tipus.
El principi és molt simple: el contrast entre el text i el fons ha de ser de 4.5:1 com a mínim per al text base, o 3:1 per a textos grans (en general, textos de 18pt o més, o de 14pt o més si estan en negreta, o mides equivalents per a alfabets xinès, coreà i japonès) per al nivell AA, i de 7:1 i 4.5:1 respectivament per al nivell AAA..
Sembla que només n'hi hauria prou amb triar colors adequats per al disseny, però això a vegades no és tan senzill.
El problema més fàcil de solucionar és deixar d'intentar amagar o dissimular algunes parts del contingut. Per exemple, amb textos legalment obligatoris o confirmacions d'acceptació de condicions. Creem tot un disseny pensant en el que volem comunicar i podem caure en la temptació de posar en un color que destaqui menys les parts que creiem que no encaixen amb el to general del nostre lloc.
Si fem això, no estem eliminant el contingut ni l'obligació de tenir-lo, només estem fent més difícil la seva lectura per raons estètiques. Però hem de ser capaços de dissenyar llocs web que siguin, alhora, visualment atractius i funcionals.
Un altre problema que ocorre amb freqüència és que els colors corporatius o de la marca no tenen un bon contrast. Per exemple, quan adaptem colors d'una marca que es va dissenyar per a colors impresos a pantalla, els colors no sempre són adequats. Els colors impresos són sostractius, amb la qual cosa barrejar colors dona un resultat més fosc, mentre que els colors en pantalla són additius, i ocorre el contrari. Per això intentar copiar un color exactament en pantalla no sempre funciona, encara que ho faci en paper. Aquest error és fàcil de corregir a nivell tècnic, però requereix més feina des del punt de vista del disseny.
Ús del color
A més de fer servir colors amb bon contrast, no podem fer servir el color per traslladar informació o distingir elements.
Per exemple, en un formulari. Marcar en vermell un camp si hi ha un error està bé, perquè assenyalem l'error on ocorre, però no podem fer servir aquest vermell com a única indicació de l'error. Hem de fer servir text o altres elements visuals per indicar-ho.
O si tenim una llista d'opcions, assenyalar quines estan seleccionades només amb un canvi en el color del fons no és suficient. Hem de fer servir elements com icones addicionals (per exemple) per poder distingir-ho encara que no puguem percebre el color.
Aquesta norma sol costar una mica més d'entendre perquè, a vegades, visualment és molt clar i fàcil de percebre un canvi o informació mitjançant el color, i sembla obvi. Però algunes persones no poden percebre el color, o ho fan de manera distinta, per la qual cosa la interpretació de l'ús del color no és sempre tan òbvia com ens pot semblar.
Conclusió
L'ús del color afecta l'accessibilitat d'un lloc web tant per les qualitats dels colors escollits com per la intencionalitat del seu ús per mostrar la informació. I solucionar-ho implica, a vegades, repensar quins colors fem servir i com; això pot ser una tasca complexa. Però al final sempre obtenim un disseny millor, més útil i adequat per a un sector més ampli del nostre públic.
Fran Rosa, Desenvolupador Senior i Advocate especialitzat en desenvolupament centrat en les persones