Avaluació de l'accessibilitat web. Cas pràctic

Les eines d’avaluació de l’accessibilitat web són programes o serveis en línia que ajuden a identificar les barreres d’accessibilitat. Permeten estalviar molt de temps i esforç en l’avaluació. Tot i això, les eines no ho poden fer tot: tingueu en compte que en alguns casos les eines poden proporcionar resultats inexactes i que algunes comprovacions d’accessibilitat no es poden automatitzar i requereixen una intervenció manual. De fet, algunes eines inclouen pautes per realitzar la validació dels elements que no es poden automatitzar.

Hi ha algunes eines que es poden integrar en diferents entorns de treball: al navegador web, al sistema de gestió de contingut (CMS) i a les eines de desenvolupament i desplegament. Veurem alguns vídeos que mostren avaluacions de l’accessibilitat realitzades amb eines incorporades al propi navegador.

L’extensió WAVE Evaluation Tool per a Chrome és una eina d’avaluació de l’accessibilitat web desenvolupada per WebAIM.org. Proporciona comentaris visuals sobre l’accessibilitat del contingut web injectant icones i indicadors a la pàgina. Cap eina automatitzada no pot dir si la pàgina és accessible, però WAVE facilita l’avaluació humana i informa sobre els problemes d’accessibilitat. Totes les anàlisis es fan íntegrament al navegador Chrome, cosa que permet avaluar de forma segura les pàgines web, i també les que es troben en una intranet, en un entorn local o que estan protegides amb contrasenya.

Lighthouse és una eina automatitzada de codi obert que té per objectiu millorar la qualitat de les pàgines web. Es pot executar sobre qualsevol pàgina web, tant si és pública com si requereix autenticació. Compta amb auditories de rendiment, accessibilitat, posicionament web…

Lighthouse es pot executar des de les eines per a desenvolupadors de Chrome. Després de seleccionar el tipus d’auditoria, comença a executar l’anàlisi i genera un informe amb els indicadors que han fallat i consells per millorar la pàgina. Cada indicador està relacionat amb un document de referència que explica per què és important i les tècniques per resoldre el problema. A web.dev/lighthouse-accessibility podeu consultar tots els documents relacionats amb els indicadors d’accessibilitat que avalua Lighthouse.

Una altra eina en línia per a la validació de l’accessibilitat web és TAW. El funcionament és una mica diferent que en les dues eines anteriors, ja que s’executa en el servidor i, per tant, no permet la validació de l’accessibilitat de pàgines en un entorn local o protegides amb una contrasenya.

Vegeu una captura de pantalla (figura) del resum de resultats de l’avaluació de la pàgina web de l’IOC amb l’eina TAW. Per obtenir un informe més detallat és necessari introduir l’adreça de correu electrònic.

Captura de pantalla dels resultats de l'avaluació de la pàgina inicial de l'IOC

Molts dels criteris de conformitat de les WCAG requereixen una validació manual. Així doncs, perquè un lloc web sigui considerat accessible no només cal superar un test automàtic, sinó que també és necessària una revisió manual. Hi ha alguns elements que es poden validar fàcilment de manera manual i, per fer-ho, cal que ens fixem en diverses característiques de cadascun.

Els títols de les pàgines web es mostren als resultats de cerca dels buscadors i són llegits pels lectors de pantalla, a banda de mostrar-se a les pestanyes del navegador quan hi ha múltiples pàgines obertes. Per comprovar que el títol d’una pàgina és accessible s’ha de comprovar que:

• Efectivament, hi ha un títol (<title>) que descriu de manera adequada i breu el contingut de la pàgina.
• El títol de la pàgina és diferent del títol d’altres pàgines del mateix lloc web i, per tant, permet distingir la pàgina actual de la resta de pàgines.

Els textos alternatius de les imatges indiquen el propòsit d’una imatge, i són molt importants per a les persones que no poden veure la imatge. El text alternatiu ha de ser funcional i proporcionar una experiència d’usuari equivalent a la de la imatge (i no ha de tenir necessàriament una funció descriptiva). Per exemple, un text alternatiu apropiat per a un botó de cerca amb el dibuix d’una lupa és més adequat que sigui “cerca” que no pas “lupa”.

Per tant, tot i que els tests automàtics poden indicar si falta l’atribut alt, que s’utilitza per incloure el text alternatiu de les imatges, determinar si el text alternatiu és adequat o no només es pot fer veient la imatge i avaluant-ne el text alternatiu en funció del seu context.

Algunes persones necessiten augmentar la mida del text per poder llegir-lo, o bé canviar-ne altres propietats. Aquest canvi pot dur-se a terme fàcilment amb les eines que proporcionen la major part de navegadors. Tanmateix, si una pàgina no està ben muntada, quan la mida del text canvia, es poden produir efectes indesitjats que afectin l’accessibilitat. Això només pot validar-se de manera manual. Per considerar que una pàgina compleix aquest criteri de conformitat cal comprovar que:

• En fer servir les eines per augmentar la mida del text, aquest, efectivament, augmenta de mida.
• El text no desapareix ni queda retallat.
• El text, les imatges o altres continguts no se solapen.
• Tots els botons, camps de formulari i altres controls continuen essent visibles i es poden utilitzar correctament.
• No fa falta fer scroll horitzontal per llegir el text.

Moltes persones no poden fer servir el ratolí i han d’utilitzar el teclat per interactuar amb el web. Moltes persones amb problemes motrius o de visió basen la seva navegación en el teclat o en ajudes tècniques que utilitzen el teclat. Els webs accessibles permeten als usuaris accedir a totes les funcionalitats a través del teclat, i aquesta és una altra de les validacions que només es pot dur a terme de manera manual.

Per considerar que una pàgina compleix aquest criteri de conformitat cal comprovar que:

• L’indicador del focus del teclat és ben visible.
• Es pot arribar a qualsevol lloc fent servir el teclat (habitualment prement la tecla tab per avançar pels enllaços, camps de formulari, controls de reproducció de mèdia…)
• Es pot podeu sortir de qualsevol lloc fent servir el teclat sense caure en cap “trampa”.
• L’ordre de tabulació segueix l’ordre de lectura.
• Qualsevol funcionalitat es pot reproduir per mitjà del teclat.
• En les llistes de tipus drop-down (selectors dels formularis), es poden fer servir les tecles del cursor per moure’s per les opcions sense desencadenar cap acció.
• Si les imatges tenen enllaços, mostren clarament el focus quan l’enllaç està activat i es pot accedir a l’enllaç a través del teclat (habitualment, prement la tecla Enter).

Quan fem referència a moviment, flaixos i contingut que parpelleja ens referim a carousels, anuncis i vídeos, entre d’altres. Alguns usuaris necessiten poder controlar aquest moviment, especialment les persones que pateixen trastorns de dèficit d’atenció o problemes de processament visual, ja sigui per poder entendre el contingut que contenen (si passa de manera massa ràpida, abans que l’hagin pogut llegir) o perquè necessiten eliminar distraccions. A més, si es produeixen parpellejos massa ràpids, poden provocar un atac d’epilèpsia a determinades persones en determinades condicions.

Així doncs, cal verificar manualment els següents punts:

• Si hi ha contingut que es mou, parpelleja o fa scroll automàticament, l’usuari té alguna manera d’aturar o d’ocultar el moviment.
• No es produeixen flaixos o parpellejos de contingut amb una freqüència de més de tres vegades per segon.

La informació que contenen els podcasts o altres àudios no està disponible per a persones sordes o en un context en què no es pot escoltar l’àudio. És molt important proporcionar alternatives en forma de subtítols i de transcripcions textuals. Una cosa semblant passa amb la informació visual continguda en els vídeos, que no està disponible per a persones cegues o amb baixa visió, a menys que es proporcioni una alternativa, ja sigui en forma de text o d’audiodescripció. Aquesta validació també es fa de manera manual.

Cal comprovar que:

• Es pot accedir a través del teclat als controls de reproducció de l’àudio o el vídeo.
• De manera òptima, el vídeo o l’àudio no es reprodueixen automàticament o, si ho fan, poden aturar-se.
• Els vídeos compten amb subtítols, i aquests estan ben sincronitzats amb el contingut parlat.
• Si hi ha diverses persones que parlen, s’identifica clarament quan parla una i quan parla l’altra.
• Els sons importants (i no només el diàleg) estan inclosos als subtítols.
• Les transcripcions inclouen tota la informació proporcionada per l’àudio, incloent la identificació dels parlants i els sons rellevants.
• La informació que es proporciona visualment compta amb una alternativa en format d’audiodescripció.

L’avaluació de conformitat de l’accessibilitat web determina fins a quin punt el web compleix uns estàndards d’accessibilitat específics, com ara les WCAG 2.1. Sovint aquest tipus d’avaluació es fa en aquests casos:

• Fer la comprovació final abans de llançar un producte.
• Proporcionar informació als possibles compradors del producte.
• Controlar regularment l’accessibilitat del lloc web.
• Abans d’adquirir un producte.
• en la implementació de l’accessibilitat, per obtenir una llista de problemes d’accessibilitat.

Per fer una avaluació efectiva de la conformitat, cal tenir experiència en:

• Estàndards d’accessibilitat
• Disseny i desenvolupament de webs accessibles
• Ajudes tècniques
• Coneixement sobre l’ús del web per part de les persones amb discapacitat

La WCAG-EM, o metodologia d’avaluació de la conformitat de l’accessibilitat web, proporciona una estructura per al procés d’avaluació:

• Definir l’abast de l’avaluació.
• Explorar els recursos del lloc web.
• Seleccionar una mostra representativa de pàgines del lloc web.
• Avaluar la mostra seleccionada.
• Informar dels resultats de l’avaluació.

L’eina d’informes WCAG-EM de codi obert ajuda a seguir la metodologia, registrar els resultats i descarregar un informe de l’avaluació. A figura podeu veure una captura de pantalla d’aquesta eina per elaborar informes d’accessibilitat:

La metodologia WCAG-EM recomana la participació d’usuaris reals amb discapacitat durant l’avaluació. Gràcies als usuaris reals amb discapacitat, es pot abordar l’experiència de la vida real dels usuaris del lloc web.

L’accessibilitat consisteix a fer que els llocs web i aplicacions siguin utilitzables per persones amb discapacitat. Això inclou els clients, els empleats, els estudiants… Malauradament, moltes persones s’acosten a l’accessibilitat com una simple llista de comprovació de requisits tècnics. Amb aquest acostament, es corre el risc de perdre el propòsit real de l’accessibilitat: l’experiència de l’usuari. La implicació de persones amb discapacitat durant tot el procés de disseny i desenvolupament pot produir millors resultats:

• Els dissenyadors i desenvolupadors aprenen com les persones amb discapacitat utilitzen el web i entenen les tecnologies d’assistència i les estratègies adaptatives.
• L’equip del projecte està més motivat quan entén com afecta el seu treball la vida de les persones.
• El desenvolupament és més eficient i els productes funcionen millor per a més persones, amb discapacitat i sense.
• Els productes resultants són més inclusius i arriben a un públic més gran, generen més satisfacció als clients i demostren responsabilitat social.