Accessibilitat web: Com fer una bona auditoria WCAG

Prèviament hem parlat sobre la importància que és fer del teu lloc web un espai accessible per a tots. En aquest, concretament, farem un volt més, i et mostrarem els passos pràctics que pots seguir per a assegurar-te que el teu lloc web compleix amb els requisits bàsics de l’auditoria WCAG. És essencial assegurar-se que el teu lloc web sigui accessible, convertint-se així en una oportunitat per a crear un impacte positiu en la societat i arribar a tots els usuaris independentment de les seves necessitats.

Què es necessita per a poder fer una auditoria WCAG?

Per a realitzar una auditoria, es necessita tenir a mà les directrius WCAG. En aquest enllaç hi ha una guia de referència ràpida (encara que en anglès), per part de la W3C. Encara que es digui guia de referència ràpida, la pàgina és molt completa i ve molt contingut i enllaços que amplien la informació.

Directrices WCAG para asegurar una buena auditoria de accesibilidad en tu sitio web

Per altra banda, un altre material que necessitem és un document on anar marcant si les diferents directrius es compleixen o no. Per a això, podem utilitzar aquest Excel que proporciona l’Observatori d’Accessibilitat Web (OAW) del Govern d’Espanya.

auditoria WCAG, realiza un análisis de accesibilidad en profundidad de un sitio web

 

Veiem doncs que, en aquest document, venen les directrius traduïdes a l’espanyol, encara que la descripció pot ser una mica curta. Si hi ha dubtes, convé tenir a mà la web de referència ràpida, on s’expliquen exemples de fallades i solucions.

Pas 1: Mostra i nivell

Una vegada tinguem els documents, necessitem seleccionar quines pàgines analitzarem i amb quin nivell. En nivell habitual és el AA, el més estàndard per a pàgines web.

En primer lloc, creiem que el recomanat és analitzar un mínim de 3 pàgines que siguin diferents entre si. Per exemple, la home, una pàgina interna (que pot ser una pàgina de producte, una entrada del blog, una pàgina d’equip…), i una pàgina de contacte, si té un formulari millor. Indicarem aquestes pàgines en la pestanya “03.Mostra” de l’Excel. És necessari indicar el nom, la URL, les molles de pa (breadcrumbs) i els elements que contenen.

 

para una buena auditoría WCAG haz una selección de la muestra para accesibilidad web

Totes aquelles pàgines internes que no siguin contacte, pàgines legals (política de privacitat, etc), una cerca, un inici de sessió o una descàrrega d’un document, les marcarem com a “pàgina tipus”.

Una vegada hàgim seleccionat la mostra, podem anar a la pestanya “R9.Web” per a començar amb l’auditoria *WCAG. L’Excel té altres pestanyes que compleixen amb altres directrius, perquè és un document per a la revisó de la norma UNE-EN 301549, una normativa espanyola que inclou les directrius *WCAG per a web en un dels seus apartats (en el 9 per a ser més concrets). Però si solament necessitem revisar la *WCAG, podem anar directament a la pestanya “R9.Web”.

Pas 2: Revisar les directrius

En la pestanya “R9.Web” se’ns presenten una sèrie de taules, cadascuna identificada amb un número i un títol, que corresponen a cada directriu que hem d’analitzar.

revisar directrices para accesibilidad web

Les directrius es divideixen en 4 principis:

  1. Perceptible.
  2. Operable.
  3. Comprensible.
  4. Robust.

Si ens fixem en cada directriu, venen identificades amb un número, per exemple, “9.1.1.1 Contingut no textual”. Aquest número complet és realment part de la norma UNE-EN 301549, que inclou la *WCAG en el seu capítol 9. Però si llevem el primer número, veurem que el número coincideix amb les directrius *WCAG de la pàgina de referència ràpida. Cada directriu està sempre associada al mateix número.

Llavors, en aquest codi trobem que:

  • El 9 és el capítol de la norma UNE-EN 301549 que conté la *WCAG.
  • El segon dígit indica el principi, en aquest cas el primer: Perceptible.
  • El tercer dígit indica la pauta, en aquesta caso la primera: Alternatives textuals
  • El quart dígit indica el criteri d’èxit i nom identificatiu de cada directriu que hem d’analitzar, en aquest cas el primer:Contingut no textual.

Si ens fixem en les taules amb cada directriu, vindran ja emplenades amb les pàgines que hem indicat en la mostra i un selector per a indicar el resultat en cadascuna. Ara hem de comprovar si els requisits per a cada directriu es compleixen, i posar el resultat concorde.

revisar directrices para auditoria accesibilidad web

El resultat pot ser:

  • N/T: No testat. És el valor per defecte i indica que un criteri no s’ha comprovat encara.
  • N/D: No decideix. Si el document s’està emplenant entre diferents persones, és possible que cadascuna d’elles s’encarregui de revisar unes directrius específiques. Si alguna cosa no és de l’àmbit de la persona que emplena el document, es marca com a N/D i després es completa amb els resultats de les altres persones revisores.
  • N/A: No aplica. La norma no aplica a aquesta web en concret, possiblement perquè no té l’element a analitzar. Per exemple, és comú marcar amb N/A criteris que apliquen a vídeo quan la pàgina no té vídeos.
  • Falla: S’ha comprovat el criteri d’èxit i no el compleix.
  • Passa: S’ha comprovat el criteri d’èxit i el compleix. Solament es marca si es compleix completament el requisit.

Per a ajudar-nos a completar la revisió, podem emprar diverses eines d’anàlisis de l’accessibilitat:

  • TAWdis:És una eina en línia que realitza una anàlisi automàtica de la pàgina que introduïm. Ens crearà un reporti tècnic de les directrius per ordre, encara que hi haurà algunes que cal revisar manualment. És un bon punt d’inici.
  • WAVE: És una extensió per a diferent navegadors que ens va indicant elements estructurals, text alternatiu, contrast (en codi de color, no en imatges) i altres elements susceptibles d’error de manera visual.

Pas 3: Compliment

El pas final és revisar els resultats en la pestanya “RESULTATS”. Aquí tindrem una cel·la anomenada “Puntuació Mitjana del Lloc web” en el qual apareixerà un número. Si aquest número és 9 o superior, la web compleix amb els requisits *WCAG de manera suficient. Si el número és inferior a 9, es necessitaran fer canvis en la web per a poder arribar a aquesta nota.

documento de justificación de la accesibilidad web

Perquè aquesta nota reflecteixi solament les dades de l’auditoria de la pestanya “R9.Web”, haurem de marcar amb N/A (No aplica) les directrius de les altres pestanyes, o fer la revisió completa del document amb les condicions d’èxit que venen indicades en cada apartat.

L’accessibilitat web és un compromís amb la inclusió i la igualtat d’oportunitats. En seguir aquests passos i realitzar una bona auditoria en el teu lloc web segons les directrius *WCAG, estàs contribuint a un món en línia més accessible per a tots. A Itequia Design, valorem la importància de l’accessibilitat i som aquí per a ajudar-te en aquest procés. Si tens alguna pregunta o necessites assistència addicional, no dubtis a posar-te en contacte amb el nostre equip. Junts, podem fer que la web sigui un lloc millor i més inclusiu per a tots.

Registra't a la nostra newsletter​

    En què et podem ajudar?