Si voleu crear una bona pàgina web no només us heu de centrar que sigui bonica o atractiva. Es tracta d’un procés que va molt més enllà d’una navegació intuïtiva, ja que el veritable repte rau a crear experiències digitals que siguin accessibles i utilitzables per totes les persones.
És per això que a la nostra agència de disseny web a Barcelona treballem el web inclusiu. Amb aquest disseny web accessible per a tothom no només se’n millora l’experiència d’usuari, sinó que també s’aconsegueixen beneficis directes a escala de posicionament, reputació i conversió.
En aquest article aprendreu més sobre què és un web accessible i la importància que té l’accessibilitat digital en un entorn tan competitiu com el que ens envolta.
Què és el disseny web inclusiu
Podem definir el disseny web inclusiu com la metodologia digital que consisteix a cercar interfícies utilitzables, comprensibles i satisfactòries per a la màxima diversitat de persones possible, sense importar-ne les capacitats físiques, cognitives o d’edat, entre d’altres característiques.
A diferència del disseny web tradicional, que se centra en l’usuari mitjà, un disseny inclusiu abraça la variabilitat humana. Amb això ens allunyem del clàssic perfil d’usuari jove, que té bona vista o una connexió ràpida, per centrar-nos en totes les persones i aconseguir així una experiència d’usuari accessible. Estaràs creant un disseny web per a tothom.
Per què el disseny web inclusiu és important avui dia
Són diversos els motius pels quals és tan important tenir en compte un disseny web per a tothom.
En primer lloc, l’envelliment poblacional. Una gran part dels usuaris actuals d’internet són nadius digitals que envelleixen. Com us podeu imaginar, el pas dels anys ens afecta a tots i, al capdavall, la pèrdua d’agudesa visual o de capacitat d’atenció es pot notar en una pàgina web. Disposar d’una bona accessibilitat en pàgines web facilita que aquests usuaris continuïn sent clients actius.
Una bona usabilitat web també és fonamental perquè es puguin dur a terme consultes des de diferents dispositius. Avui dia les pàgines web es consulten des de rellotges, pantalles de nevera, assistents de veu o mòbils de gamma baixa. Una experiència d’usuari accessible facilita consultar internet des de qualsevol dispositiu.
També heu de tenir en compte el marc legal. Hi ha diverses normatives internacionals sobre aquest tema que multen les empreses que no han treballat un disseny web adaptatiu.
Quina diferència hi ha entre accessibilitat web i disseny web inclusiu
És habitual confondre aquests dos termes a causa de la seva semblança, però hi ha una distinció subtil que cal tenir en compte.
Mentre que l’accessibilitat web se centra en el resultat final, el disseny web inclusiu és procés i filosofia. Això significa que l’accessibilitat web busca, a més d’una experiència d’usuari inclusiva, complir un seguit de normes tècniques que permetin a les persones amb certes discapacitats navegar sense problemes.
El que fa el disseny web inclusiu és cercar solucions que puguin beneficiar tothom, no només les persones que tenen una discapacitat diagnosticada. Un bon exemple en són els subtítols en els vídeos. A més d’estar pensats per a les persones sordes, també ho estan per a aquelles que miren un vídeo en un transport públic i no disposen d’auriculars o ho volen fer en silenci i sense molestar.
Principis fonamentals del disseny web inclusiu
Perquè una pàgina web sigui inclusiva per a tothom ha de complir quatre pilars fonamentals.
En primer lloc, ha de ser perceptible. Això implica que la informació s’ha de presentar de manera que els usuaris la puguin percebre amb els sentits. En cas que sigui visual, ha de comptar amb una alternativa textual. Si és auditiva, ha de disposar d’una alternativa visual.
També ha de ser operable. Això vol dir que la interfície no ha de requerir accions que algun usuari no pugui dur a terme. Per posar un exemple senzill, un disseny web adaptatiu ha de permetre navegar per la pàgina amb el teclat a més de fer-ho amb el ratolí.
Un altre pilar és que sigui comprensible. Un bon disseny centrat en l’usuari es presentarà amb un llenguatge clar i una navegació predictible.
Ha de ser un disseny robust. Això significa que el codi ha de ser prou net perquè pugui ser interpretat sense problemes per una gran varietat de navegadors diferents, a més de tecnologies d’assistència.
Com aplicar el disseny web inclusiu en una pàgina web
Si voleu aplicar un disseny web inclusiu a la vostra pàgina web, caldrà que tingueu en compte diversos factors.
En primer lloc, heu de cuidar el disseny visual. La tria dels colors és molt important, però no podeu permetre que l’única informació es transmeti mitjançant el color. Si poseu una vora vermella en un error, caldrà afegir-hi una icona o un text que expliqui què està passant; no deixeu només el color com a protagonista.
La tria de la font també és important. Un disseny centrat en l’usuari utilitza mides de lletra considerables perquè es puguin llegir sense dificultat.
A més d’aquests dos aspectes, també heu de mantenir una bona estructura semàntica del codi. En un web inclusiu per a empreses és important que les capçaleres mantinguin una seqüència lògica que ajudi els usuaris a generar un mapa mental del lloc.
Exemples de bones pràctiques de disseny web inclusiu
Un bon exemple de bones pràctiques de disseny web inclusiu és quan s’afegeix text alternatiu a les imatges; per exemple, en comptes de posar «Imatge 1», es descriu l’escena.
També és un bon exemple afegir indicadors de focus visible. Aquests indicadors faciliten a l’usuari la navegació amb el teclat mitjançant el tabulador, aconseguint així un disseny accessible per a tothom.
Un altre exemple força senzill i eficaç són els botons accessibles web més grans. D’aquesta manera es podrà fer clic amb més facilitat, un detall que agrairan les persones que pateixen tremolors o utilitzen dispositius tàctils.
Errors comuns que afecten l’accessibilitat web
Els vídeos amb reproducció automàtica són extremadament molestos i, a més, desorienten força les persones que utilitzen lectors de pantalla web, ja que barregen l’àudio del vídeo amb la veu del sistema. Intenteu evitar-los en tot moment.
Eviteu també utilitzar enllaços amb el text «Feu clic aquí». Aquests enllaços no aporten cap context i poden resultar confusos.
També és un error força comú oblidar els subtítols o les transcripcions. Aquest error deixa de banda persones amb problemes d’audició i també aquelles que volen consumir el contingut en silenci.
Un altre error força freqüent és impedir el zoom en mòbils. Alguns desenvolupadors ho fan deliberadament i això és un problema per a totes aquelles persones que tenen baixa visió.
Beneficis del disseny web inclusiu per a empreses i marques
Un dels beneficis més evidents és que el disseny web inclusiu serveix per arribar a més persones. Aproximadament un 15% de la població mundial té algun tipus de discapacitat. Oferir una navegació accessible permet que aquestes persones puguin gaudir del disseny web.
A més d’arribar a més persones, també millorareu la reputació de la vostra empresa o marca. Això és degut al fet que es demostra la preocupació i el compromís amb aquestes persones. Les empreses que utilitzen dissenys web inclusius són percebudes com a líders ètics i generen més fidelitat.
Els dissenys web inclusius solen disposar d’un codi més net i estàndard. Això permet estalviar en costos de manteniment i també reduir els errors tècnics.
Com el disseny web inclusiu millora el SEO i l’experiència d’usuari
Un disseny web inclusiu servirà per millorar el SEO del vostre lloc web. Heu de tenir clar que els motors de cerca ni veuen les imatges ni senten els vídeos. Quan feu que el vostre lloc web sigui accessible per a una persona cega amb una interfície accessible, aconseguiu que Google l’indexi millor. A més, disposar d’una estructura jeràrquica de capçaleres també us ajuda a aconseguir aquest posicionament.
L’experiència d’usuari també es veu millorada en un web inclusiu per a empreses. No només es tracta d’una navegació accessible, sinó també d’accessibilitat visual web, contrast de colors per a l’accessibilitat, tipografia accessible web… En essència, tot un seguit de factors que faciliten la navegació per a tothom i que milloren l’experiència d’usuari.
Com començar a crear un web inclusiu
Amb nosaltres podreu crear un web inclusiu des de zero. A SEO Global treballem amb un equip multidisciplinari per poder ajudar-vos en tots els aspectes del vostre projecte. Amb nosaltres no només disposareu d’una estructura accessible, sinó de tots aquells aspectes que faran possible visitar el vostre lloc web sense importar si la persona té algun tipus de discapacitat.
Comptar amb nosaltres us permetrà gaudir d’un web accessible per a persones amb discapacitat, un web fàcil d’utilitzar. Treballem el disseny web centrat en l’usuari perquè pugueu oferir la millor experiència als vostres clients i demostrar el compromís que teniu amb tots i cadascun d’ells.
Us animeu a tenir un web inclusiu? Contacteu amb nosaltres i descobriu com us podem ajudar des de SEO Global.
