Com fem una auditoria d'accessibilitat web
Quan auditem una web, no ens limitem a passar-hi una eina automàtica i lliurar un informe. Seguim un procés estructurat en tres fases que combina anàlisi automatitzada, verificació manual i revisió dels criteris WCAG 2.2 AA. És la mateixa metodologia que documentem a les declaracions d'accessibilitat dels nostres clients.
L'objectiu és detectar tots els errors que impedeixen o dificulten l'accés a persones amb discapacitat visual, motora, cognitiva o auditiva, i donar-te un pla d'acció clar per corregir-los.
Fase 1: Avaluació automatitzada
Comencem amb eines d'anàlisi automàtica sobre les pàgines representatives de la web: pàgina d'inici, pàgines de servei o producte, formularis de contacte o reserves, i qualsevol flux crític per a l'usuari.
Les eines que fem servir en aquesta fase:
- Eina d'avaluació d'accessibilitat de webaccessible.cat, basada en el motor axe-core, proporciona una puntuació sobre 10 i detecta errors crítics de forma immediata.
- WAVE (WebAIM), identifica errors d'estructura, contrast i etiquetatge amb una visualització superposada sobre la pàgina real.
- Google Lighthouse, auditoria integrada al navegador que avalua l'accessibilitat dins d'un informe més ampli de qualitat web, tant en escriptori com en dispositiu mòbil.
L'anàlisi automatitzada detecta aproximadament el 30-40% dels errors d'accessibilitat. La resta requereix verificació manual.
Fase 2: Verificació manual
Les eines automàtiques no poden verificar si una web és realment usable per a persones amb discapacitat. Per això complementem l'anàlisi amb proves manuals en tres àrees:
Navegació per teclat
Verifiquem que tots els elements interactius, enllaços, botons,
formularis, menús, siguin accessibles sense ratolí. Comprovem l'ordre de focus, la visibilitat de l'indicador de focus i l'activació correcta
de cada element. Eina: Firefox amb navegació per teclat.
Lector de pantalla
Simulem l'experiència d'un usuari amb discapacitat visual utilitzant
VoiceOver (macOS). Verifiquem que els elements interactius s'anunciïn
correctament, que les etiquetes ARIA siguin coherents i que la navegació per seccions sigui lògica i comprensible.
Revisió estructural
Analitzem el codi HTML per detectar errors que les eines automàtiques poden passar per alt: jerarquia de headings incorrecta, atributs alt absents o inadequats, formularis mal etiquetats, i elements interactius sense nom accessible.
Fase 3: Revisió dels criteris WCAG 2.2 AA
Un cop completades les fases anteriors, contrasten els resultats amb els criteris WCAG 2.2 de nivell AA, que és el nivell que exigeix la normativa espanyola (Llei 11/2023) i europea (EAA).
Els 12 criteris que revisem sistemàticament en tota auditoria:
- Contrast de color
- Alternatives textuals a imatges
- Estructura de headings
- Etiquetes de formulari
- Navegació per teclat i ordre de focus
- Meta viewport i zoom
- IDs duplicats
- Enllaços i botons sense nom accessible
- Llengua de la pàgina declarada
- Subtítols en vídeo
- Focus visible
- Errors de formulari identificats i descrits
Consulta la nostra guia completa dels criteris WCAG 2.2 AA per entendre què implica cadascun.
El resultat: un informe accionable
Al final del procés lliurem un informe en PDF, en català, que inclou:
- Tots els errors detectats, classificats per criteri WCAG
- Nivell de gravetat de cada error (crític, important, menor)
- Captures de pantalla de cada problema
- Recomanació específica de correcció per a cada error
- Priorització per ordre d'impacte
L'informe està pensat per ser útil tant si tens equip tècnic propi com si ens demanes que implementem les correccions nosaltres.
La declaració d'accessibilitat
Si contractes el servei d'Auditoria + Implementació, un cop corregits els errors redactem i publiquem la declaració d'accessibilitat al teu lloc web. És un document legal obligatori per a totes les webs afectades per la Llei 11/2023, i ha d'incloure el nivell de conformitat assolit, els errors pendents i el mecanisme de contacte per a reclamacions.
Consulta un exemple real a:
Com fer la declaració d'accessibilitat de la teva web.
Escull el teu pla
Auditoria d'accessibilitat
A partir de 295€ + IVA
PER A QUI ÉS:
Per a empreses i institucions que volen entendre l'estat real de la seva web abans de decidir res. També per a qui té equip tècnic propi i necessita saber exactament què cal corregir.
QUÈ FEM:
Analitzem la teva web en profunditat segons els estàndards WCAG 2.2 nivell AA. Combinem eines d'anàlisi automàtica amb revisió manual de les pàgines principals, proves de navegació per teclat i verificació amb lector de pantalla.
Al final tens un informe clar, en català, amb tots els problemes detectats, la seva gravetat i per on has de començar.
El preu final depèn de la mida i complexitat de la web.
QUÈ INCLOU:
- Anàlisi automàtica i revisió manual
- Proves de navegació per teclat i lector de pantalla
- Informe detallat en PDF amb captures de pantalla
- Priorització d'errors per impacte
- Recomanacions específiques per a cada problema
Recomanat
Auditoria + Implementació
A partir de 795€ + IVA
PER A QUI ÉS:
Per a empreses i institucions que volen resoldre-ho d'una vegada. Nosaltres ens ocupem de tot: analitzem, corregim i lliurem una web que compleix la normativa. Sense que hagis de coordinar equips tècnics ni interpretar informes.
QUÈ FEM:
Primer fem l'auditoria completa. Després implementem totes les correccions necessàries: ajustos de contrast, etiquetatge d'imatges, millora de l'estructura HTML, accessibilitat de formularis i menús, navegació per teclat i molt més. Al final validem que tot funciona i ho documentem.
El preu final depèn de la mida i complexitat de la web.
QUÈ INCLOU:
- Tot el que inclou l'auditoria
- Implementació de totes les correccions tècniques
- Widget d'accessibilitat per als visitants de la web
- Declaració d'accessibilitat (document legal obligatori)
- Informe de validació final
- Garantia de 30 dies per correcció d'incidències
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.