Des del 28 de juny de 2025, l’accessibilitat web ha deixat de ser una opció. La European Accessibility Act obliga un nombre creixent d’empreses i administracions a que les seves webs i apps compleixin la norma WCAG 2.1 nivell AA. Però, més enllà de l’obligació legal, una web accessible és una web que funciona millor per a tothom.
A Databot hem auditat webs institucionals i corporatives sota aquest estàndard, i hi ha un patró que es repeteix: dels 50 criteris tècnics que avaluem, els errors gairebé sempre es concentren en els mateixos 5. Aquí t’expliquem quins són, com els detectem i com es corregeixen sense refer la web des de zero.
Què revisem en una auditoria d'accessibilitat
Una auditoria WCAG 2.1 AA avalua 50 criteris tècnics repartits en quatre principis: que el contingut sigui perceptible, operable, comprensible i robust. A la pràctica, la majoria dels errors que trobem s’agrupen en cinc blocs.
01
Contrast de color
Text i fons han de tenir una relació de contrast mínima de 4,5:1 en text normal i 3:1 en text gran o elements d’interfície. És l’error més habitual: gris clar sobre blanc, text sobre imatges, botons amb poc contrast.
02
Navegació per teclat
Qualsevol persona ha de poder moure’s per la web sense ratolí: amb tabulador, fletxes i intro. L’error típic és que el focus, l’indicador visual que mostra en quin element estàs en cada moment, desapareix o no es veu en navegar així.
03
Text alternatiu a les imatges
Cada imatge amb significat necessita un atribut alt que en descrigui el contingut, perquè un lector de pantalla el pugui transmetre. L’error habitual: alt="" en imatges informatives, o directament absent.
04
Formularis i missatges d’error
Un formulari accessible no només marca el camp amb error: diu què està malament i com solucionar-ho, i ho associa al camp mitjançant codi (no només amb color). L’error comú: camps en vermell sense cap text que expliqui el problema.
05
Jerarquia d’encapçalaments
Els encapçalaments (H1, H2, H3…) han de seguir un ordre lògic, sense salts, perquè els lectors de pantalla els fan servir per navegar el contingut com un índex. L’error freqüent: fer servir un H4 perquè «queda millor» visualment, no perquè li correspongui aquell nivell.
Com es corregeix, sense refer la web
La bona notícia és que cap d’aquests cinc errors exigeix una reconstrucció completa:
- Contrast: es corregeix a nivell de sistema de disseny, ajustant les variables de color que fa servir tota la web, no pàgina a pàgina.
- Focus de teclat: se soluciona amb una regla CSS i una mica de JavaScript, sense tocar el contingut.
- Text alternatiu: es completa per prioritat, començant per les imatges amb més trànsit o més rellevància funcional (icones d’acció, imatges de producte).
- Missatges d’error: s’arreglen a nivell de component, així es corregeixen tots els formularis de la web alhora.
- Jerarquia d’encapçalaments: es revisa per plantilla, no article per article.
En la majoria dels casos, corregir aquests cinc blocs resol entre el 70 i el 80% dels problemes detectats a l’auditoria completa. El 20-30% restant es reparteix entre altres 45 criteris WCAG, com l’idioma de la pàgina, els subtítols en vídeo, l’ordre de tabulació, els enllaços «salta al contingut» o les taules de dades accessibles. Per això aquests cinc no substitueixen una auditoria completa: la fan molt més abordable.
Per què val la pena fer-ho bé
L’accessibilitat no és només per a persones amb discapacitat. Més contrast ajuda a qualsevol que faci servir el mòbil al sol. Un focus de teclat visible ajuda a qui navega amb dreceres per comoditat, no per necessitat. Una jerarquia d’encapçalaments clara també ajuda al SEO, perquè Google «llegeix» la web de manera semblant a un lector de pantalla.
I des de juny de 2025, per a moltes organitzacions ja és llei.
Saps quins errors té la teva web?
Fem auditories d'accessibilitat WCAG 2.1 sobre webs institucionals i corporatives, amb diagnòstic prioritzat i pla de correcció.
