La teva web per a tothom
Diem que una pàgina web és accessible quan pot ser utilitzada de manera eficaç pel major nombre possible de persones, independentment de les seves limitacions personals.
Quan un dissenyador web inicia un projecte, necessàriament ha de fer-lo enfocat en les persones per a les quals està dissenyant, és a dir, els usuaris. Dissenyar no es tracta únicament de fer coses boniques i estètiques, i molt menys quan parlem d’UX (user experience), l’experiència d’usuari.
Si no volem perdre un usuari que ha entrat en la nostra web perquè no pot fer-ne un ús senzill d’ella, hem d’oferir-li una experiència el més agradable i fàcil possible, millorant així la seva satisfacció i lleialtat a través de la utilitat, facilitat d’ús i plaer proporcionat en la interacció amb la nostra web.
En una societat, per sort, diversa i amb persones amb diferents capacitats, habilitats, etc., quan dissenyem contemplem sempre aquesta diversitat. Un disseny d’experiència d’usuari, encara que s’orienti a un target específic (o no), deurà sempre evitar la discriminació per raó de gènere, raça, edat i, per descomptat, discapacitat. Els dissenys inclusius permetran a qualsevol usuari navegar per la nostra web i aconseguir els seus objectius en ella.
El tema de l’accessibilitat és complex, i existeixen en l’actualitat diverses eines que complementaran aquesta virtut en la nostra web, però hi ha una sèrie de punts essencials molt molt bàsics en relació a dissenyar una web accessible.
Tot i que existeix una norma UNE de criteris d’accessibilitat, és comú oblidar punts importants. Les pautes s’organitzen en 4 principis bàsics o fonamentals: perceptibilitat, operativitat, comprensibilitat i robustesa. Aquest article només pretén recordar aspectes bàsics introductoris per a facilitar l’ús de totes les persones en el teu web.
Aspectes essencials per a que el teu lloc web sigui accessible
- No utilitzis només el color com a recurs visual per donar informació.
Òbviament el color és l’aliat més especial d’un dissenyador, però aquest no pot ser l’únic indicador d’una informació. Sempre s’haurà de complementar.
2. Garanteix sempre un suficient contrast entre text i fons.
Els textos han de ser llegibles en grandària i prou contrastats amb el fons. No utilitzis colors massa clars i presta especial atenció als formularis, que es llegeixi el títol de cada camp.
3. No t’oblidis del teclat.
Incorpora dreceres amb el teclat, diferents formes de navegació. Això és especialment aplicable en apps web.
4. Vigila amb els formularis!
A més d’assegurar un bon contrast en els textos d’un formulari, usa exemples del que cal completar, identifica els errors no sols en vermell sinó amb alguna altra alerta no basada en el color. Afegeix també una frase per aclarir si un camp no ha estat completat correctament o hi ha qualsevol altre error.
5. Inclou sempre “text alt”
El text alternatiu en totes les imatges és fonamental si volem crear un disseny per a tots. Descriu sempre què apareix en elles intentant no repetir el text del peu de foto.
6. No facis que les persones passin el ratolí per trobar coses
Ens encanten els efectes en passar el mouse, però ull!, això ha de ser un recurs estètic afegit, intenta que no sigui l’única manera de saber que l’element es tracta d’un botó o enllaç.
Recorda la importància de la navegació web
El principal objectiu d’una web és que l’usuari pugui comprendre una informació que volem transmetre. Per a això, perquè totes les persones puguin aconseguir el seu objectiu i evitar la frustració en la interacció amb la nostra marca, mai hem de subestimar la importància de la navegació en la nostra web.
Tenim una bona arquitectura de continguts? Necessitem tenir una pàgina web ben estructurada, presentar opcions de navegació múltiples i disposar d’enllaços clars. Generar mapes de lloc pensats per a l’usuari ens ajudarà amb això.
Per acabar, en el següent enllaç us deixo un enllaç a recursos de disseny inclusiu de Microsoft: https://www.microsoft.com/design/inclusive/
Dissenya sempre per a tothom!
CONTACTA AMB NOSALTRES
