Introducció a l’accessibilitat web

Què és l'accessibilitat web?

Tots ho hem patit alguna vegada: l'avorriment d'esperar que es carregui una pàgina web lenta, el mal de cap que provoca una tipografia mal dissenyada o la desesperació d'intentar navegar per una pàgina que no està adaptada als mòbils. Per a nosaltres, aquests problemes solen ser un petit inconvenient, però per a les persones amb discapacitat poden impedir del tot l'ús d'Internet.

L'accessibilitat web és la necessitat que els llocs web facin servir eines i tecnologies pensades per ajudar una persona amb discapacitat a percebre, entendre, navegar i interactuar amb la pàgina. Aplicar l'accessibilitat pot semblar intimidant per a qui s'hi comença a familiaritzar, però és un element vital de l'experiència d'usuari. L'accessibilitat s'hauria d'incloure durant el desenvolupament web i el procés de disseny, en lloc d'intentar adaptar-ho tot a última hora.

Per què és tan important l'accessibilitat web?

Segons un informe mundial sobre la discapacitat elaborat per l'Organització Mundial de la Salut (OMS) el 2011, el 15 % de la població mundial té algun tipus de discapacitat. Això inclou discapacitats físiques, cognitives i neurològiques. L'índex de discapacitat anirà augmentant a causa de l'envelliment de la població i de l'increment de les malalties cròniques.

Les persones amb discapacitat haurien de poder accedir a la informació igual que la resta. Afortunadament, hi ha tecnologies que permeten reduir o eliminar les barreres que dificulten el seu accés al món digital. Aquestes eines permeten assegurar que tothom, independentment de l'edat o de les capacitats físiques i mentals, pugui fer servir Internet i tenir una bona experiència de navegació.

A més de fer d'Internet un lloc més inclusiu per a tothom, una bona estratègia d'accessibilitat també aporta beneficis als negocis. L'accessibilitat és un component del disseny i el desenvolupament que influeix en gairebé tots els elements de la creació d'una pàgina web. Es relaciona amb el disseny web per a mòbils, la independència del dispositiu, la interacció multimodal, la facilitat d'ús, l'optimització per a cercadors (SEO) i molt més. Els webs accessibles poden obtenir resultats molt millors, reduir els costos de manteniment, arribar a més públic i demostrar la responsabilitat social corporativa (RSC). Per tant, tenir un lloc web ben dissenyat i accessible no només fa que la teva pàgina estigui a l'abast de les persones amb discapacitat, sinó que també pot millorar notablement l'experiència d'usuari de tothom.

Estàndards d'accessibilitat

Les Pautes d'accessibilitat al contingut web (Web Content Accessibility Guidelines o WCAG en anglès) les va desenvolupar el World Wide Web Consortium (W3C) per establir un conjunt de regles generals compartides que regulessin els  criteris d'accessibilitat del contingut digital i fessin les pàgines web, els dispositius, etcètera, accessibles per als usuaris amb discapacitat. El contingut a què fan referència les directrius WCAG és el contingut web, és a dir, la informació d'una pàgina o aplicació web, que inclou:

• Informació natural com textos, imatges i sons.
• Codi o marcatge que defineix l'estructura, la presentació, etcètera.

Avui dia hi ha dues versions de les WCAG en ús: les WCAG 2.0, publicades el 2008 i convertides en estàndard ISO el 2012, i les WCAG 2.1, publicades el 2018. Tots els requisits («criteris d'èxit») de la versió 2.0 estan inclosos a la 2.1, que n'afegeix alguns més. Tanmateix, les pautes són retrocompatibles, és a dir, el contingut que compleix les WCAG 2.1 també compleix les WCAG 2.0.

Les WCAG són la base de la majoria de les legislacions sobre accessibilitat de tot el món. Normes com el títol III de la Llei dels nord-americans amb discapacitat (ADA) o la Llei d'accessibilitat per als ciutadans d'Ontàrio amb discapacitat (AODA), entre d'altres, adopten les WCAG de nivell AA com a estàndard mínim de conformitat. Alguns països hi fan referències indirectes, com l'estàndard europeu EN 301 549 per a la Directiva d'accessibilitat web de la Unió Europea, que no declara explícitament que adopta les WCAG, però n'inclou tots els requisits.

Els criteris d'èxit de les WCAG es classifiquen en tres nivells de conformitat:

• Nivell A. Cobreix els requisits més bàsics d'accessibilitat i és el grau mínim que s'ha de complir. No complir aquest nivell vol dir que la web és completament inaccessible.
• Nivell AA. Aquest nivell fa referència a algunes de les barreres d'accés més habituals per a les persones amb discapacitat. És el nivell de compliment més alt que s'exigeix a la majoria de webs, ja que assegura que s'eliminen les barreres d'accessibilitat més importants.
• Nivell AAA. És el nivell més alt d'accessibilitat de les WCAG i el més difícil d'aconseguir per a la majoria de pàgines. Arribar-hi és desitjable, però no imprescindible.

Els 4 principis de l'accessibilitat

Els principis de l'accessibilitat web són els fonaments del contingut que es crea per a les pàgines i per a qualsevol persona que les vulgui fer servir. Aquests principis es coneixen per les sigles en anglès POUR, un acrònim que descriu l'accessibilitat funcional:

• Perceptible. La capacitat de percebre fa referència al fet que la informació i els elements de la interfície d'usuari s'han de presentar de manera que es puguin percebre amb els sentits i que no hi hagi res indetectable o invisible. Per a la majoria d'usuaris, la percepció es basa principalment en la vista, però per a qui no hi veu, s'utilitzen l'oïda i el tacte.
• Operable. Els elements interactius de la interfície, com els controls, els botons, la navegació i altres, han de ser operables. Això vol dir que l'usuari ha de poder fer servir aquests elements, primer identificant-los i, en la majoria de casos, fent clic, tocant amb el dit o lliscant, tot de manera física. Per a qui no ho pot fer així, hi ha les ordres de veu o altres dispositius d'assistència, com el «head wand», que és una vareta subjecta al cap, o un programa de seguiment ocular.
• Comprensible («Understandable»). Vol dir que la tecnologia ha de ser clara i coherent en la presentació i el format, amb patrons d'ús i de disseny previsibles. Els usuaris no haurien de tenir problemes per entendre el significat i el propòsit de la informació presentada, alhora que identifiquen el flux d'usuari i el funcionament de la interfície.
• Robust. La robustesa és la capacitat del contingut de funcionar correctament amb una gran varietat de tecnologies, inclosos els dispositius d'assistència.

Per tant, si falla qualsevol d'aquests quatre principis, la web serà inaccessible per als usuaris amb discapacitat.

Components de l'accessibilitat web

L'accessibilitat web abasta tots els elements d'una pàgina. Els diferents components de la pàgina haurien d'estar interconnectats i complementar-se entre si per crear una web funcional i a l'abast de les persones amb discapacitat. Aquests components inclouen:

• Contingut. El contingut és la informació d'una pàgina o aplicació web, com ara els textos, les imatges i els sons, o el codi, les ordres o el marcatge que defineixen l'estructura, la presentació, etcètera, d'un lloc web.
• Agents d'usuari. Són els navegadors web, tant d'ordinador com de mòbil, els reproductors multimèdia, els «plug-ins», les tecnologies d'assistència i altres programes que actuen en nom de l'usuari.
• Eines d'autor. És el programari amb què es creen pàgines web, com els editors de codi, els sistemes de gestió de continguts, els blogs, etcètera.
• Eines d'avaluació. Ajuden a revisar l'eficàcia de les mesures d'accessibilitat i a fer el seguiment dels teus esforços per millorar.

Exemples d'accessibilitat web

Afegir text alternatiu a les imatges: es pot fer afegint una descripció de la foto al marcatge o al codi (img alt='Logotip d'ADDAW'). El text alternatiu l'utilitzen els lectors de pantalla i altres tecnologies d'assistència que llegeixen en veu alta la informació de les imatges a les persones amb discapacitat visual. Un text alternatiu també beneficia els usuaris que tenen les imatges desactivades, per exemple per una connexió lenta, i a més és un recurs més per a l'optimització en cercadors. Un text alternatiu ha de ser breu i descriptiu.

Exemple d'un text alternatiu bo i d'un de dolent

• Dolent: Una foto de cadells
• Bo: Tres cadells de labrador asseguts en una cistella

Per a les imatges purament decoratives, es recomana fer servir un text alternatiu buit (img alt='').

Garantir el funcionament amb el teclat: per a les persones amb problemes de mobilitat, de motricitat fina o fins i tot amb discapacitats temporals, com uns dits trencats, navegar amb el ratolí pot ser complicat. Per tant, han de poder fer servir una pàgina web d'altres maneres, com amb el teclat. En els llocs web accessibles, totes les funcions estan disponibles des del teclat. Els usuaris poden moure's pel contingut o fer servir tecnologies d'assistència que imiten els patrons de navegació d'un teclat.

Oferir transcripcions de l'àudio: per a les persones amb problemes auditius, els fitxers d'àudio com pistes de so, pòdcasts o fins i tot vídeos són inaccessibles. Oferir una transcripció del contingut d'àudio els permet consumir-lo.

Com crear una pàgina web accessible

L'accessibilitat es basa en la col·laboració dels components que hem esmentat. Hi ha unes pautes bàsiques per assegurar que la interfície i el desenvolupament de la teva pàgina es fan amb aquest objectiu.

Els principis següents, que descriuen solucions d'accessibilitat, els desenvolupa la Iniciativa d'Accessibilitat Web del W3C (WAI, per les sigles en anglès), que n'és el referent, d'acord amb els estàndards WCAG.

1. Text alternatiu. Serveix per transmetre el context i el propòsit del contingut visual. Els textos alternatius transformen la informació visual en text digital que es pot presentar de la manera que millor s'adapti a les necessitats de l'usuari. Alguns exemples són la lectura del text en veu alta, l'augment de la mida del text o la lectura del text en un dispositiu braille.
2. Oferir transcripcions i subtítols per al contingut audiovisual. Tot i que els fitxers multimèdia ofereixen una experiència més rica i variada al web, poden ser una limitació per a les persones amb discapacitat visual o auditiva. Oferir transcripcions i subtítols per a aquest tipus de contingut, com l'enregistrament d'una entrevista de ràdio, o afegir-hi un intèrpret de llengua de signes pot ajudar a superar aquestes barreres.
3. Presentació del contingut. El contingut s'hauria de mostrar en diferents formats, i els usuaris haurien de poder canviar d'un tipus de presentació a un altre. Alguns exemples de presentació múltiple són oferir l'opció de llegir el contingut en veu alta, mostrar-lo amb combinacions de colors personalitzables, fer servir contrastos de correcció del color o crear contingut adaptat als mòbils.
4. Evitar el contingut que desapareix ràpidament, té un temps limitat o es reprodueix automàticament. La percepció i la comprensió del contingut no són iguals per a tothom. Alguns usuaris necessiten més temps per llegir instruccions, escriure o completar una tasca en una pàgina web. L'ideal és ajustar els elements crítics d'una web perquè el contingut dinàmic no s'interrompi, s'aturi, parpellegi o es desplaci tot sol. Les animacions o imatges amb llums intermitents també poden perjudicar les persones fotosensibles, de manera que caldria evitar aquest tipus de contingut o, si no és possible, mostrar abans de reproduir-lo un avís sobre la seva naturalesa.
5. Navegació accessible. La navegació és un element essencial de l'experiència d'usuari, i crear un lloc web amb el contingut ben organitzat ofereix a les persones amb discapacitat la mateixa oportunitat d'aprofitar a fons la web segons les seves necessitats. Un dels aspectes més importants de la navegació accessible és entendre com interactuen els usuaris amb les estructures de la pàgina, com la jerarquia dels menús, els cercadors interns, la distribució, etcètera.
6. Fer el contingut llegible i comprensible en tots els formats en què es presenti. El nivell de comprensió del text hauria de satisfer el públic més ampli possible i ser inclusiu per a les persones amb dificultats d'aprenentatge o limitacions cognitives. També és essencial oferir mesures que ajudin els usuaris a evitar i corregir errors. Això pot ser útil per a les persones que no veuen o no senten el contingut, o que no són capaces de reconèixer les relacions implícites, les seqüències o els senyals dels elements web.
7. Tenir contingut que aparegui i funcioni de manera previsible. Assegurar-se que el contingut de la pàgina web té una interfície i uns patrons previsibles i coherents ajuda els usuaris a aprendre a navegar ràpidament per la pàgina i a assolir els objectius que es proposin.
8. Incloure una declaració d'accessibilitat.  Així demostres als teus clients i a les persones interessades en la teva web el teu compromís amb l'accessibilitat. Una declaració d'accessibilitat hauria d'incloure les pautes i els estàndards que segueix la web, inclòs el nivell d'accessibilitat previst, les dades de contacte per si els visitants troben algun problema d'accessibilitat a la pàgina i una nota informativa sobre qualsevol excepció a aquests estàndards per limitacions del lloc web. 

Preguntes més freqüents

Qui es beneficia de l'accessibilitat web?

Tots ens en beneficiem. A més de permetre que les persones amb discapacitat accedeixin al web, molts estàndards d'accessibilitat coincideixen amb les bones pràctiques de SEO. Per exemple, les directrius per a webmasters de Google descriuen pràctiques com fer servir atributs de títol i descripcions alternatives, comprovar que l'HTML és correcte i oferir un mapa del lloc als usuaris. Totes aquestes pràctiques, i moltes més, també són importants per a l'accessibilitat web, que a més millora l'experiència d'usuari i la qualitat. L'accessibilitat consisteix a crear un lloc web que ofereixi una bona experiència a tothom, independentment de com naveguem per Internet. Quan garanteixes una bona experiència als usuaris amb discapacitat, pots tenir la certesa que l'experiència i la qualitat general de la teva web milloraran.

L'accessibilitat web és un requisit legal?

Sí. Molts països tenen legislació vigent sobre accessibilitat web, que fa referència a les WCAG o a estàndards basats en aquestes pautes. A Espanya, el Reial decret 1112/2018 regula l'accessibilitat dels llocs web i les aplicacions mòbils del sector públic, i a Catalunya també cal tenir en compte la Llei 13/2014, del 30 d'octubre, d'accessibilitat.

Com puc saber si la meva pàgina web compleix la legislació vigent?

L'accessibilitat web està regulada per l'estàndard europeu EN 301 549 per a la Directiva d'accessibilitat web de la Unió Europea, segons el qual l'accés igualitari a la informació i als serveis ha d'estar garantit en tots els àmbits adreçats al públic (hotels, escoles, restaurants, gimnasos, botigues, llibreries, metges, etcètera). Les pàgines web es consideren llocs públics i qualsevol barrera per accedir-hi és una vulneració de la llei. 

Em poden denunciar si la meva pàgina web no és accessible?

Sí. Si el teu país té normes específiques sobre accessibilitat web, no oferir una web accessible pot acabar als tribunals. El 2020 hi va haver més de 3.000 litigis als Estats Units per vulneració de la llei vigent, l'ADA. Evita qualsevol acció legal contra la teva pàgina aplicant una bona accessibilitat web com més aviat millor. Si vols saber si la teva empresa ha de ser accessible, consulta el nostre article 'Qui ha de complir la normativa d'accessibilitat'.

Iris García García

Redactora, correctora i traductora de textos amb bones nocions d'ofimàtica i informàtica en general. Són tres especialitats que em permeten estar en continu aprenentatge perquè el llenguatge no deixa d'evolucionar, i això és alguna cosa preciosa.