Accessibilitat web: què és i com millorar-la

Millorar l'accés als nostres continguts web a tot tipus de persones és un deure moral i també una oportunitat de negoci.

Definició d'accessibilitat web

Es considera una pàgina web accessible quan es maximitza la facilitat d'ús per a la gran majoria de la població, independentment de les seves capacitats físiques, personals o tècniques.

Pel fet de l'ús tradicional d'aquest concepte, normalment s'associa únicament a l'adaptació dels llocs web a persones amb discapacitats visuals o auditives, però actualment ja s'enfoca molt més enllà i es tenen en compte tota mena de públics i situacions. Pensa en diferents escenaris:

• No ets cec, però no hi veus perfectament i tens problemes per llegir el text d'una web pel seu tamany o el contrast de colors
• T'has lesionat i pots navegar per Internet però no pots interactuar bé amb el mouse o el teclat
• Vols consumir un contingut de vídeo, no tens auriculars i no vols molestar tot el vagó del tren
• Tens 90 anys i saps escriure però trigaries minuts a fer una cerca escrita a Google
• Aterres en una web molt interessant que està en rus
• Ets daltònic
• Vius en una localitat rural i no tens coneixements ofimàtics avançats

Aquesta aprofundiment del concepte d'accessibilitat web s'ha produït sobretot arran de la pandèmia, durant la qual l'accés i l'ús d'Internet es van incrementar exponencialment, i en aquest escenari es van detectar moltes mancances d'accessibilitat de plataformes digitals. Les administracions públiques, especialment a Europa, s'han sensibilitzat sobre aquesta situació i han dut a terme actuacions per millorar l'accessibilitat web dels llocs governamentals (encara molt lluny d'aconseguir-ho a casa nostra) o, per exemple, vinculant les ajudes públiques a la necessitat de tenir webs accessibles. Sense anar més lluny, un dels requeriments de les webs realitzades mitjançant els fons del kit digital és acreditar-ne l'accessibilitat.

Actualment l'accessibilitat web la podríem encabir com una de les disciplines incloses dins de l'experiència d'usuari, i hauria de ser un apartat a tenir en compte en qualsevol auditoria UX.

Com mesurar l'accessibilitat web

Hi ha nombroses eines i recursos en línia per mesurar l'accessibilitat de les pàgines web. En primer lloc, com sempre, et recomanem usar les que Google posa a la nostra disposició. Hi trobaràs una avaluació de la nostra accessibilitat tant al PageSpeed Insights com a l'informe de Lighthouse per a Chrome:

Una opció per analitzar l'accessibilitat més en profunditat és la coneguda Wave, que ens lliura un informe molt complet i en què ens dona pistes, a més, de com millorar:

Una alternativa, potser menys exhaustiva però molt gràfica i clara, és Accesibility Checker. Conté configuració en funció de la teva localització, una puntuació molt visual i la possibilitat de descarregar-te la seva auditoria:

I a nivell de documentació, com sempre, us recomanem consultar la documentació oficial de Google, que té un apartat a web.dev dedicat a l'accessibilitat web. Google té com a referència les Web Content Accesibility Guidelines (WGAG 2.0). A més, per comprovar si complim els estàndards d'accessibilitat per a Google, ens recomanen usar aquesta checklist de WebIAM.

Com millorar l'accessibilitat web

En la majoria de casos es tracta d'aplicar empatia i sentit comú. En qualsevol cas, algunes mesures que podem implementar, per exemple:

• En formats de vídeo: facilitar transcripció i/o subtítols
• En formats de text: facilitar locució en veu o versió en vídeo
• En cercadors: opció de buscar per veu
• En formats de text: facilitar eines de traducció
• En e-commerce: factures en braille

Aquestes accions les podem implementar manualment o bé ajudar-nos d'aplicacions i programes externs.

Eines per millorar l'accessibilitat web

També aquí tenim nombroses opcions. Equalweb és probablement la més coneguda i reconeguda (de fet segur que te l'has trobat en llocs on has navegat), però és de pagament i no sempre podrem o voldrem invertir en aquest tipus d'eines.

Funciona de la manera següent: quan accedim a una web amb aquesta tool, veiem una icona que ens remet a un pop-up en el qual podem configurar el nostre perfil d'accessibilitat i, en funció d'aquest, adapta els continguts web:

Si fas servir WordPress, per a aquest CMS existeixen diversos plugins gratuïts al teu abast i, encara que no cobreixen totes les possibilitats i de vegades fallen, sempre serà millor que no implementar res. El més conegut és ONE click accesibility, però no és l'únic.

Conclusions

L'accessibilitat web és alguna cosa que hauríem de cuidar molt més en les pàgines que creem o posseïm. Fixa't en el teu voltant i veuràs com molts espais o continguts s'han adaptat a persones amb dificultats per poder-hi accedir antigament. Aquest procés l'hem de traslladar també als nostres llocs web per poder-los fer accessibles a tots els públics, sense distincions.

Això ja hauria de ser un argument prou potent, però si no t'ha acabat de convèncer, el podem reforçar amb més:

• si el públic de la teva web és heterogeni i hi pot haver persones com les descrites en aquest post, implementar millores d'accessibilitat millorarà la seva experiència d'usuari, i com ja saps això significa més estada al web, més consulta de pàgines, menys rebot… i més conversions.
• ja ho hem explicat en altres continguts, però per si encara no ho saps, una millor experiència d'usuari té impacte indirecte en el teu posicionament SEO.
• millora la reputació de la teva marca, ja que és una mesura d'impacte positiu per a totes les persones que visitin el teu web, independentment que facin servir o no determinades funcionalitats. Es podria emmarcar com una mesura de RSC.
• s'obre l'oportunitat d'augmentar el teu trànsit i audiència, ja que segurament a dia d'avui moltes persones no visiten el teu lloc perquè no el poden utilitzar amb fluïdesa.