Tornar al blog
Disseny i Desenvolupament Web

Accessibilitat web el 2026: normativa EAA, auditoria i com complir

Accessibilitat web i compliment WCAG per a la European Accessibility Act

L'European Accessibility Act (EAA) ja és de compliment obligatori des del juny de 2025. Si la teva empresa ven productes o serveis digitals a la Unió Europea, la teva web ha de complir l'estàndard WCAG 2.2 nivell AA. No fer-ho implica sancions de fins a 100.000 euros per estat membre. I tot i això, el 94,8% de les webs encara no compleixen aquests requisits segons l'informe WebAIM Million 2024.

Aquest article explica què exigeix la normativa, com auditar el teu lloc i quins passos seguir per complir de debò, sense dreceres que empitjorin les coses.

Què ha canviat amb l'European Accessibility Act

L'EAA (Directiva 2019/882) harmonitza per primera vegada les normes d'accessibilitat digital a tota la UE. Fins a la seva entrada en vigor, cada país tenia regulacions fragmentades. Ara existeix un marc únic que afecta qualsevol empresa que operi al mercat europeu.

No estem parlant només d'administracions públiques. L'EAA cobreix el sector privat: e-commerce, banca electrònica, serveis de transport, telecomunicacions, llibres electrònics i qualsevol servei digital dirigit al consumidor.

Les microempreses (menys de 10 empleats i 2 milions d'euros de facturació) queden exemptes. La resta, no. I la normativa s'aplica tant a empreses europees com a qualsevol companyia que ofereixi serveis a consumidors dins de la UE, independentment de la seva seu.

Què exigeix exactament la normativa

L'EAA no inventa requisits tècnics propis. Remet a l'estàndard harmonitzat EN 301 549, que al seu torn adopta les pautes WCAG 2.2 nivell AA com a referència tècnica. A la pràctica, complir l'EAA significa complir WCAG 2.2 AA.

Terminis i sancions

  • 28 de juny de 2025: data límit de transposició. Els estats membres havien d'incorporar la directiva a la seva legislació nacional.
  • 28 de juny de 2030: fi del període transitori per a productes i serveis que ja eren al mercat abans de 2025.
  • Sancions: cada estat membre defineix les seves, però la directiva exigeix que siguin "efectives, proporcionades i dissuasòries". En diversos països s'han fixat multes de fins a 100.000 euros per infracció. En casos de reincidència, les xifres poden multiplicar-se.

A qui afecta

La normativa és clara en el seu abast. Afecta llocs de comerç electrònic, plataformes de serveis bancaris i financers, webs d'operadors de transport, serveis de comunicacions electròniques i plataformes de contingut audiovisual. Si la teva empresa ven en línia a consumidors europeus, estàs dins de l'abast.

WCAG 2.2 AA: l'estàndard tècnic darrere de la llei

Les Web Content Accessibility Guidelines (WCAG) porten més de 25 anys evolucionant. La versió 2.2, publicada l'octubre de 2023, afegeix 9 nous criteris d'èxit respecte a la 2.1. S'organitzen en quatre principis que tot contingut web ha de complir.

Els quatre principis (POUR)

Perceptible: la informació ha de poder percebre's per almenys un sentit. Això inclou text alternatiu en imatges, subtítols en vídeos, contrast suficient entre text i fons (ràtio mínim 4.5:1 per a text normal) i la possibilitat de redimensionar text fins a un 200% sense perdre funcionalitat.

Operable: els usuaris han de poder interactuar amb tots els elements de la interfície. Navegació completa per teclat, temps suficient per completar tasques, sense contingut que provoqui convulsions i mecanismes clars de navegació.

Comprensible: el contingut i la interfície han de ser predictibles. Idioma declarat a l'HTML, etiquetes descriptives als formularis, missatges d'error clars i comportament consistent dels elements interactius.

Robust: el contingut ha de funcionar amb tecnologies d'assistència actuals i futures. HTML semàntic vàlid, rols ARIA correctes i compatibilitat amb lectors de pantalla com NVDA, JAWS o VoiceOver.

Novetats de WCAG 2.2

La versió 2.2 incorpora criteris pensats per a usuaris amb discapacitats cognitives i motores. Els més rellevants:

  • Mida mínima d'àrea de toc: els elements interactius han de tenir almenys 24x24 píxels CSS.
  • Ajuda consistent: si ofereixes mecanismes d'ajuda (xat, telèfon, FAQ), han d'estar a la mateixa ubicació relativa a totes les pàgines.
  • Autenticació accessible: no pots exigir que l'usuari memorizi o transcrigui informació complexa per iniciar sessió. Els CAPTCHA amb proves cognitives es consideren una barrera.

Com auditar l'accessibilitat de la teva web

Una auditoria d'accessibilitat seriosa combina anàlisi automatitzada amb revisió manual. Les eines automàtiques són un punt de partida, però detecten només entre el 30% i el 40% dels problemes. La revisió manual per experts arriba a una detecció del 95%.

Eines automàtiques (primer filtre)

Aquestes eines identifiquen errors evidents: imatges sense alt, contrast insuficient, formularis sense etiquetes, encapçalaments desordenats.

  • axe-core (Deque): extensió de navegador i llibreria integrable a CI/CD. És el motor que utilitzen la majoria d'eines de testing.
  • Pa11y: eina de línia de comandes ideal per integrar a pipelines de desenvolupament. Permet auditories recurrents automatitzades.
  • Lighthouse (Google): inclou una secció d'accessibilitat al seu informe. Útil com a indicador ràpid, però no exhaustiva.

Executar aquestes eines és el pas mínim. Si la teva web obté menys de 90 a la puntuació d'accessibilitat de Lighthouse, tens problemes estructurals que resoldre abans de pensar en compliment normatiu.

Revisió manual (on hi ha el valor real)

Els problemes que les eines automàtiques no detecten són precisament els que més afecten els usuaris reals:

  • Navegació per teclat: pots recórrer tota la web sense ratolí? El focus és visible a cada element? L'ordre de tabulació té sentit lògic?
  • Lectors de pantalla: un usuari de NVDA o VoiceOver entén l'estructura de la pàgina? Els formularis anuncien correctament els seus camps i errors?
  • Context i comprensió: els enllaços tenen text descriptiu o diuen "fes clic aquí"? Les taules de dades tenen encapçalaments de fila i columna?
  • Fluxos complets: es pot completar una compra, emplenar un formulari de contacte o reservar una cita usant només el teclat i un lector de pantalla?

Si la teva web està construïda sobre WordPress, l'auditoria ha d'incloure els plugins actius. Molts plugins populars generen HTML inaccessible que contamina pàgines per altra banda correctes.

Per què els overlays d'accessibilitat no funcionen

Davant la pressió regulatòria, moltes empreses recorren a "solucions ràpides": widgets JavaScript que se superposen a la web prometent accessibilitat instantània. Són els anomenats overlays d'accessibilitat.

No funcionen. I ho diem amb dades.

El 2024, la FTC va multar accessiBe amb 1 milió de dòlars per publicitat enganyosa. L'empresa afirmava que el seu widget feia les webs conformes amb WCAG. La FTC va determinar que aquestes afirmacions eren falses.

Els overlays presenten problemes documentats:

  • No corregeixen el codi font. Superposen una capa que intenta compensar errors estructurals, però els lectors de pantalla segueixen trobant l'HTML original.
  • Interfereixen amb les tecnologies d'assistència. Usuaris reals amb discapacitat reporten que els overlays empitjoren la seva experiència, no la milloren. La comunitat de persones amb discapacitat ha estat especialment vocal contra aquests productes.
  • No són conformes. Cap estàndard (WCAG, EN 301 549, ADA) accepta un overlay com a evidència de compliment. Un overlay no et protegeix davant una reclamació ni davant una inspecció.
  • Generen una falsa sensació de seguretat. L'empresa creu que "ja compleix" i deixa d'invertir en accessibilitat real.

L'accessibilitat es construeix des del codi i el disseny, no es pega després. Qualsevol solució que prometi compliment sense tocar el teu HTML, el teu CSS o el teu flux d'usuari t'està venent alguna cosa que no existeix.

Pas a pas: com fer la teva web accessible de debò

Complir WCAG 2.2 AA no és un projecte d'un cap de setmana, però tampoc requereix refer la teva web des de zero. És un procés iteratiu que, ben planificat, s'integra en el cicle normal de desenvolupament.

1. Auditoria inicial completa

Combina eines automàtiques (axe-core, Pa11y) amb una auditoria manual experta. El resultat ha de ser un informe que classifiqui cada incidència per severitat (crítica, alta, mitjana, baixa) i per criteri WCAG incomplert.

2. Priorització per impacte

No totes les fallades tenen el mateix pes. Prioritza per aquest ordre:

  • Bloquejants: elements que impedeixen completar tasques crítiques (compra, registre, contacte).
  • Greus: informació inaccessible per a usuaris de tecnologies d'assistència.
  • Moderats: problemes de navegació o comprensió que dificulten però no impedeixen l'ús.
  • Menors: detalls de contrast, mides d'àrea de toc o omissions d'atributs ARIA no crítics.

3. Remediació del codi

Els canvis més habituals inclouen: afegir textos alternatius descriptius, corregir la jerarquia d'encapçalaments, etiquetar formularis correctament, assegurar la navegació per teclat, implementar estats de focus visibles i millorar el contrast de color.

Una dada rellevant: segons un estudi de Nucleus Research, les webs amb bona accessibilitat veuen una millora del 12% en trànsit orgànic. L'HTML semàntic que exigeix WCAG és exactament el que Google valora per al posicionament. Si inverteixes en accessibilitat, estàs invertint simultàniament en SEO i en optimització de conversió.

4. Testing amb usuaris reals

Abans de declarar el projecte acabat, testeja amb persones que utilitzen tecnologies d'assistència a diari. Les seves troballes sempre revelen problemes que ni les eines ni els auditors van detectar. Incloure usuaris amb diferents tipus de discapacitat (visual, motora, cognitiva) aporta perspectives complementàries.

5. Declaració d'accessibilitat

L'EAA exigeix publicar una declaració d'accessibilitat a la teva web. Ha d'indicar el nivell de conformitat assolit, les excepcions conegudes, la data de l'última revisió i un mecanisme de contacte per reportar problemes d'accessibilitat. No és un document decoratiu: és un requisit legal.

6. Manteniment continu

L'accessibilitat no és un projecte amb data de fi. Cada nova funcionalitat, cada canvi de disseny i cada actualització de contingut pot introduir barreres. Integra checks d'accessibilitat al teu pipeline de desenvolupament (axe-core a CI/CD) i planifica auditories periòdiques almenys un cop l'any.

Accessibilitat i SEO: una aliança que multiplica resultats

La connexió entre accessibilitat i posicionament orgànic no és casual. Google porta anys premiant exactament les mateixes pràctiques que WCAG exigeix.

HTML semàntic: els encapçalaments jeràrquics (H1-H6), les llistes correctament marcades i les taules amb encapçalaments no només ajuden els lectors de pantalla. Ajuden Google a entendre l'estructura del teu contingut.

Text alternatiu en imatges: un requisit d'accessibilitat bàsic que també alimenta Google Images i millora la rellevància semàntica de la pàgina.

Contrast i llegibilitat: una web llegible reté l'usuari més temps, redueix la taxa de rebot i envia senyals positius d'engagement.

Rendiment: moltes millores d'accessibilitat (reduir JavaScript innecessari, simplificar el DOM, optimitzar l'ordre de càrrega) coincideixen amb les optimitzacions que milloren els Core Web Vitals.

Les webs accessibles conformes amb WCAG AA registren de mitjana un +12% de trànsit orgànic respecte a les seves versions anteriors no accessibles. No és un efecte secundari: és el resultat directe de fer les coses bé per a tots els usuaris, inclòs Googlebot.

El mercat d'accessibilitat digital està valorat en 3.240 milions de dòlars projectats per al 2034. Les empreses que inverteixen ara no només eviten sancions: capten un segment d'usuaris que la competència ignora.

Preguntes freqüents sobre accessibilitat web i l'EAA

Des de quan és obligatòria l'European Accessibility Act?

L'EAA va entrar en vigor el 28 de juny de 2025. Els estats membres de la UE havien d'haver transposat la directiva a la seva legislació nacional per a aquella data. Els productes i serveis que ja eren al mercat disposen d'un període transitori fins al juny de 2030.

Quin estàndard tècnic he de complir?

L'estàndard harmonitzat europeu és l'EN 301 549, que adopta les pautes WCAG 2.2 nivell AA com a referència tècnica. Complir WCAG 2.2 AA és la forma més directa de demostrar conformitat amb la normativa.

La meva web petita també ha de complir?

Si la teva empresa té menys de 10 empleats i factura menys de 2 milions d'euros anuals, estàs exempt. En qualsevol altre cas, si ofereixes productes o serveis digitals a consumidors a la UE, la normativa t'aplica.

Puc usar un overlay o widget d'accessibilitat per complir?

No. Els overlays no garanteixen conformitat amb WCAG i poden empitjorar l'experiència per a usuaris amb discapacitat. La FTC va multar accessiBe amb 1 milió de dòlars per afirmar el contrari. L'accessibilitat requereix canvis al codi font, no pegats superficials.

Quant costa fer una web accessible?

Depèn de la mida del lloc, la complexitat de les interaccions i l'estat actual del codi. Una auditoria inicial identifica l'abast real del treball. En general, és significativament més barat integrar accessibilitat des del disseny que remediar després. El que no és opcional és el cost de no fer-ho: multes de fins a 100.000 euros i exclusió d'un segment creixent d'usuaris.

Les eines automàtiques són suficients per auditar?

No. Les eines com axe-core, Pa11y o Lighthouse detecten entre el 30% i el 40% dels problemes d'accessibilitat. La revisió manual per experts, incloent-hi tests amb lectors de pantalla i navegació per teclat, detecta fins al 95%. La combinació d'ambdós mètodes és imprescindible.

L'accessibilitat afecta el SEO?

Sí, positivament. L'HTML semàntic, els textos alternatius, l'estructura d'encapçalaments i el rendiment que exigeix WCAG coincideixen amb els factors que Google premia. Les webs accessibles registren de mitjana un +12% de trànsit orgànic.

Cada quan he de revisar l'accessibilitat de la meva web?

Com a mínim, un cop l'any amb una auditoria completa. A més, cada nova funcionalitat o canvi significatiu de disseny hauria de passar per una revisió d'accessibilitat abans de publicar-se. Integrar checks automàtics al pipeline de desenvolupament (CI/CD) detecta regressions de manera contínua.

El moment d'actuar és ara

L'accessibilitat web va deixar de ser una recomanació per convertir-se en una obligació legal amb conseqüències econòmiques reals. Però més enllà de la normativa, fer la teva web accessible és una decisió de negoci intel·ligent: amplies la teva audiència, millores el teu SEO, redueixes el risc legal i demostres un compromís real amb la inclusió.

El primer pas és saber on ets. Una auditoria d'accessibilitat professional identifica els problemes, els prioritza i defineix un pla d'acció concret. És la diferència entre complir de debò i creuar els dits.

Consulta
tècnica inicial.

IA, seguretat i rendiment. Diagnòstic i proposta tancada per fases.

NDA disponible
Resposta <24h
Proposta per fases

La teva primera reunió és amb un Arquitecte de Solucions, no amb un comercial.

Sol·licitar diagnòstic