Accessibilitat web i SEO: beneficis reals el 2026 | Ighenatt

El 94,8% de les pàgines web del món suspenen WCAG. No el 30%, no el 60%: gairebé el 95%. Això vol dir que la teva competència directa, amb tota probabilitat, tampoc no compleix. I això converteix l’accessibilitat en quelcom que rarament s’aborda com el que realment és: un avantatge diferencial que a més millora el SEO tècnic de manera documentada.

L’informe WebAIM Million del 2025, que va analitzar un milió de pàgines web el 31 de març, va trobar 50.960.288 errors WCAG detectables de manera automàtica — una mitjana de 51 errors per pàgina. Portem anys millorant a un ritme tan lent (del 95,9% el 2024 al 94,8% el 2025) que l’estat del mercat es pot resumir així: l’accessibilitat web és la norma fallada més universal d’internet.

Per això té sentit parlar d’accessibilitat i SEO en el mateix article. No perquè siguin el mateix, sinó perquè resolen el mateix problema des de dos angles diferents: garantir que el contingut de la teva web sigui comprensible i accessible per a tots els agents que el processen, ja sigui un usuari amb baixa visió o Googlebot.

Per què accessibilitat i SEO comparteixen el mateix objectiu

Tim Berners-Lee, l’inventor de la Web i director del W3C, ho va formular d’una manera que no deixa marge d’interpretació: “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” Ho va publicar a la introducció oficial de W3C WAI. No parla d’altruisme, sinó de disseny.

L’accessibilitat i el SEO comparteixen un objectiu tècnic idèntic: fer que el contingut sigui processable per agents que no tenen les mateixes capacitats que un usuari estàndard. Un lector de pantalla no veu les imatges, necessita text alternatiu. Googlebot no executa JavaScript amb la mateixa fiabilitat que un navegador, necessita HTML semàntic. Un usuari amb discapacitat motora no pot fer servir el ratolí, necessita navegació per teclat. Un motor de cerca necessita entendre la jerarquia del contingut, necessita encapçalaments ben estructurats.

L’analogia que ho il·lustra millor: l’accessibilitat és com el repartiment de pizza dels divendres. Si el repartidor no troba la porta de l’edifici perquè no hi ha rampa, no importa com és de bona la pizza. Googlebot i els lectors de pantalla són repartidors que necessiten trobar l’entrada. Si el contingut no és accessible, no arriba.

Aquesta convergència no és teòrica. Eve Andersson, directora d’enginyeria d’accessibilitat a Google, resumeix la trajectòria històrica d’aquestes millores: “The accessibility problems of today are the mainstream breakthroughs of tomorrow.” El text alternatiu en imatges, la navegació per teclat, els subtítols en vídeo — tots van començar com a requisits d’accessibilitat i es van convertir en estàndard universal.

La relació amb el disseny UX i la taxa de conversió és directa: un lloc accessible redueix la fricció per a tots els usuaris, no només per als que tenen discapacitats. Menys fricció significa millor taxa de rebot, més temps a la pàgina i més conversions — senyals que Google processa com a indicadors de qualitat.

La Directiva Europea d’Accessibilitat i la teva empresa el 2026

La Directiva Europea d’Accessibilitat (EAA, Directiva 2019/882) va deixar de ser una data al calendari el 28 de juny de 2025. Aquell dia va vèncer el termini perquè les empreses privades que operen al mercat únic europeu complissin amb els requisits d’accessibilitat digital en els seus productes i serveis.

A qui afecta concretament? Si la teva empresa opera en alguna d’aquestes categories, la norma t’és aplicable:

• Comerç electrònic: botigues en línia que venen a consumidors de la UE
• Serveis bancaris digitals: banca en línia, aplicacions financeres
• Serveis de transport: reserves de viatges, bitllets en línia
• Serveis de comunicació electrònica: apps de missatgeria, plataformes de trucades
• Llibres electrònics i lectors: editorials digitals

L’estàndard tècnic exigit és WCAG 2.1 nivell AA o la norma europea equivalent (EN 301 549). A la pràctica, això vol dir que qualsevol empresa amb un comerç electrònic actiu que vengui a clients de la Unió Europea ja hauria de tenir compliment o un pla documentat per assolir-lo.

Les microempreses n’estan exemptes: menys de 10 empleats i facturació o balanç general inferior a 2 milions d’euros anuals. Però aquesta exempció no és automàtica en tots els estats membres de la UE, i no cobreix els requisits d’accessibilitat per al sector públic, que estan vigents des del 2018 amb la Directiva d’Accessibilitat Web (2016/2102).

El que canvia per a moltes empreses el 2026 no és l’exigència tècnica — WCAG 2.1 AA porta anys sent l’estàndard recomanat — sinó el context regulatori. Abans era bona pràctica. Ara és obligació legal amb potencial de sancions administratives.

7 millores d’accessibilitat que beneficien directament el SEO

No totes les millores d’accessibilitat tenen el mateix impacte en SEO. Aquestes set estan documentades amb intersecció directa entre ambdues disciplines.

1. Text alternatiu en imatges (WCAG 1.1.1)

El text alternatiu és el cas d’intersecció més directe entre accessibilitat i SEO. El criteri WCAG 1.1.1 exigeix text alternatiu per a tot contingut no textual. Google Search Central confirma a la seva guia SEO Starter Guide que el text alternatiu “helps search engines understand what your image is about and the context of how your image relates to your page”.

La dada de WebAIM Million 2025 és reveladora: el 55,5% de les pàgines analitzades tenen imatges sense text alternatiu. Aquest és el segon error més freqüent a tot internet. Corregir-lo és simultàniament una millora d’accessibilitat (criteri A de WCAG) i un senyal SEO per a Google Image Search.

Per a l’optimització d’imatges més enllà del text alternatiu, incloent-hi formats moderns com WebP, l’article sobre imatges WebP i rendiment SEO cobreix les millors pràctiques tècniques.

2. Estructura d’encapçalaments semàntics (H1-H6)

Els encapçalaments semàntics compleixen funcions paral·leles: els lectors de pantalla els utilitzen per navegar pel contingut sense llegir tot el text, i Googlebot els utilitza per entendre la jerarquia temàtica de la pàgina. Un H1 únic que contingui la paraula clau primària, seguit d’H2s que estructurin els subtemes principals i H3s per al desenvolupament de detalls, és alhora una bona pràctica d’accessibilitat i una arquitectura semàntica correcta per al SEO on-page.

El que cal evitar: utilitzar encapçalaments com a eina d’estil visual (fer text gran amb H2 quan semànticament hauria de ser un paràgraf) o saltar-se nivells (anar de H1 a H4 directament). Ambdós patrons confonen tant els lectors de pantalla com el parser de contingut de Google.

3. Transcripcions d’àudio i vídeo

Aquest és el cas d’estudi més documentat en la intersecció accessibilitat-SEO. This American Life, el popular programa de ràdio de NPR, va afegir transcripcions de text al seu arxiu de programes d’àudio motivats inicialment per regulacions de la FCC. Durant més d’un any de seguiment:

• Trànsit orgànic de cerca: +6,86%
• Visitants únics: +4,18%
• Nous enllaços entrants: +3,89%
• El 7,23% dels visitants va accedir a almenys una transcripció

Aquest cas d’estudi és citat directament per W3C WAI a la seva Business Case for Digital Accessibility perquè il·lustra el mecanisme amb dades: les transcripcions afegeixen text indexable on abans només hi havia àudio. El que és accessible per a usuaris amb discapacitat auditiva també és indexable per Googlebot.

4. Declaració de l’idioma del document (atribut lang)

L’atribut lang a l’etiqueta <html> és el criteri WCAG 3.1.1. La seva funció per a l’accessibilitat és directa: permet que els lectors de pantalla utilitzin la pronunciació correcta de l’idioma. La seva funció per al SEO és menys coneguda però rellevant: Google fa servir aquesta declaració per entendre l’idioma principal del document i aplicar el processament lingüístic correcte.

Per a llocs multilingüe com els que operen a Catalunya amb versions en català, castellà i anglès, la correcta implementació de l’atribut lang juntament amb les etiquetes hreflang determina quina versió del contingut es mostra en cada cerca per idioma.

5. Etiquetes en formularis (WCAG 1.3.1)

El 48,2% de les pàgines web tenen formularis sense etiquetes visibles (<label>) correctament associades als seus camps, segons WebAIM Million 2025. Per a l’accessibilitat, això fa els formularis inutilitzables per als usuaris de lectors de pantalla. Per al SEO i la conversió, els formularis sense etiquetes tenen taxes d’abandonament superiors — els usuaris no entenen quina dada se’ls demana.

Google no indexa directament el contingut dels formularis, però els patrons de comportament d’usuari (abandonament de formularis, temps a la pàgina) formen part dels senyals d’experiència que l’algorisme processa.

6. Contrast de color suficient (WCAG 1.4.3)

El 79,1% de les pàgines web tenen text amb contrast insuficient segons WebAIM Million 2025. És l’error més freqüent de tot l’informe. WCAG 1.4.3 exigeix una relació de contrast de 4,5:1 per al text normal i 3:1 per al text gran.

La intersecció amb el SEO és indirecta però documentada. El Web Almanac 2024 de HTTP Archive mostra que només el 29% dels llocs mòbils superen l’auditoria de contrast de color de Lighthouse. Els llocs amb contrast insuficient tenen mètriques d’engagement pitjors — i aquestes mètriques formen part dels factors que Google considera per al senyal d’experiència d’usuari. L’article sobre Core Web Vitals explica detalladament com les mètriques d’UX influeixen en el posicionament.

7. Navegació per teclat i gestió del focus

La navegació completa per teclat (sense ratolí) és un requisit d’accessibilitat per a usuaris amb discapacitats motores. El seu impacte en SEO és indirecte: els llocs navegables per teclat tendeixen a tenir una millor arquitectura d’interacció, amb fluxos d’usuari més nets que generen millors senyals d’engagement.

HTML semàntic: la base compartida d’accessibilitat i SEO

L’HTML semàntic és el terreny on accessibilitat i SEO se solapen amb més profunditat. Usar els elements HTML pel seu significat semàntic correcte — no per la seva aparença visual — és simultàniament la base de l’accessibilitat i l’arquitectura que Googlebot necessita per analitzar el contingut correctament.

Els elements semàntics més rellevants per a aquesta intersecció:

Landmarks d’HTML5: <header>, <nav>, <main>, <aside>, <footer>, <article>, <section>. Els lectors de pantalla els utilitzen per saltar directament a les seccions del document. Googlebot els utilitza per entendre l’estructura del contingut i distingir la navegació del contingut principal.

Llistes semàntiques: <ul>, <ol>, <dl>. Usar llistes per a contingut que és inherentment una llista (passos d’un procés, característiques d’un producte, termes i definicions) millora tant la comprensió per als lectors de pantalla com la probabilitat que Google generi un featured snippet de tipus llista.

Taules de dades amb <caption> i <th>: Les taules han de tenir encapçalaments de columna marcats amb <th scope="col"> i una descripció amb <caption> o aria-label. Sense aquests elements, una taula és visualment interpretable però semànticament opaca per a un lector de pantalla i per a Googlebot.

Cites amb <blockquote> i <cite>: Marcar semànticament les cites textuals ajuda Google a entendre que el contingut està recolzat per fonts externes — rellevant per als sistemes d’avaluació de qualitat del contingut.

El que cal aclarir sobre HTML semàntic i SEO: Google no ha confirmat oficialment que l’ús correcte d’elements semàntics sigui un factor de rànquing directe. El que sí ha confirmat és que facilita el processament del contingut. La distinció és important per no exagerar l’impacte.

Com auditar l’accessibilitat amb impacte SEO

Aquí hi ha la dada contraintuïtiva que més sorprèn els qui comencen amb auditories d’accessibilitat: les eines automàtiques només detecten entre el 30% i el 40% dels problemes reals. Ho va confirmar el propi equip d’investigació de Deque en estudis amb axe. Eines com Lighthouse, WAVE o axe són el punt de partida, no el punt final.

Dit això, les eines automàtiques detecten els errors més freqüents i són suficients per identificar les millores amb major intersecció SEO.

Lighthouse (DevTools de Chrome)

Lighthouse té una pestanya específica d’Accessibility que genera una puntuació sobre 100. La mediana global segons el Web Almanac 2024 és de 84/100, cosa que significa que hi ha marge de millora a la majoria de llocs. Per obrir-la: DevTools (F12) → pestanya “Lighthouse” → seleccionar “Accessibility” → executar l’anàlisi.

Els errors que Lighthouse detecta amb major freqüència són exactament els de major impacte SEO: imatges sense text alternatiu, botons sense nom accessible, elements de formulari sense etiqueta, problemes de contrast de color. Si hi ha elements de formulari sense etiqueta o botons sense nom, el diagnòstic de Lighthouse coincideix amb el d’una auditoria SEO d’usabilitat.

WAVE (WebAIM)

WAVE és una extensió de navegador de WebAIM que marca visualment cada error i advertiment directament sobre la pàgina. És més intuïtiu que Lighthouse per comunicar els problemes a clients o equips no tècnics: les marques visuals sobre la pàgina fan evident exactament quin element té el problema i on és al layout.

Especialment útil per a: errors d’estructura d’encapçalaments (permet veure la jerarquia H1-H2-H3 de tota la pàgina), manca de text alternatiu (assenyala cada imatge problemàtica) i errors de contrast (mostra el ràtio exacte de contrast i el llindar requerit).

axe DevTools (Deque)

axe és l’eina de referència per a desenvolupadors i auditors professionals. La versió gratuïta com a extensió de Chrome o Firefox és més detallada que Lighthouse en la categorització d’errors WCAG: indica el criteri exacte que s’incompleix (p. ex.: “1.1.1 Non-text Content”) i l’impacte estimat (critical, serious, moderate, minor).

Per a auditories amb component SEO, axe és especialment útil perquè separa els errors per tipus d’impacte i permet prioritzar les correccions amb major retorn en accessibilitat i en mètriques d’usuari.

El que les eines no detecten

Cap d’aquestes tres eines pot verificar automàticament:

• Si l’ordre de lectura del contingut té sentit quan s’accedeix per teclat o lector de pantalla
• Si els elements interactius són realment operables des d’un lector de pantalla
• Si el contingut dinàmic (modals, desplegables, actualitzacions AJAX) gestiona el focus correctament
• Si els fluxos de conversió complets (checkout, registre, formularis de múltiples passos) es poden completar sense ratolí

Aquests aspectes requereixen proves manuals. Per a webs amb components interactius — botigues en línia, formularis de contacte, qualsevol element amb JavaScript — les proves automàtiques són necessàries però no suficients.

ARIA, text alternatiu i dades estructurades: punts d’intersecció

ARIA (Accessible Rich Internet Applications) és el conjunt d’atributs HTML que permet afegir semàntica d’accessibilitat a components web que no tenen un equivalent HTML nadiu. La seva intersecció amb el SEO és més matisada que la de l’HTML semàntic estàndard.

aria-label i aria-labelledby: Proporcionen noms accessibles a elements que manquen de text visible. Un botó amb només una icona SVG necessita aria-label="Tanca" perquè sigui comprensible per als lectors de pantalla. Google també llegeix aquests atributs, de manera que un botó amb aria-label correcte és més interpretable pel crawler que un sense.

aria-describedby: Associa una descripció addicional a un element. Útil per a camps de formulari amb instruccions addicionals. El seu impacte SEO directe és mínim, però contribueix a reduir l’abandonament en formularis.

Rols ARIA en l’estructura de la pàgina: role="main", role="navigation", role="search" són redundants en HTML5 si ja s’utilitzen <main>, <nav> i <search>, però resulten útils en marcatge heretat on els elements semàntics no estan disponibles. Google processa tots dos.

La relació entre ARIA i les dades estructurades és conceptualment paral·lela: tots dos afegeixen capes de significat semàntic a l’HTML que els agents automàtics poden interpretar. La diferència és que ARIA està orientat a la interacció de l’usuari i les dades estructurades a la representació del contingut als resultats de cerca. Per entendre com les dades estructurades amplien la visibilitat en la cerca i la IA, l’article sobre schema markup i el de structured data per a IA cobreixen els casos pràctics amb més detall.

Un punt d’intersecció entre ARIA i SEO que mereix atenció específica: els atributs aria-hidden="true" en contingut decoratiu. Quan s’aplica a elements que contenen text real (no només icones o separadors visuals), aquest text queda ocult per als lectors de pantalla però segueix sent indexat per Googlebot. El resultat és contingut que existeix per a l’índex de Google però que una part dels usuaris no pot llegir — una inconsistència que afecta l’experiència real de la pàgina.

Pla d’acció: de WCAG 2.2 a millor posicionament

Millorar l’accessibilitat amb impacte SEO no requereix una reescriptura completa del lloc. El 80% del valor es concentra en correccions concretes i executables.

Prioritat alta: correccions amb impacte SEO directe

Auditar i corregir el text alternatiu en imatges: Executa Lighthouse o WAVE a les pàgines principals. Qualsevol imatge informativa (que transmet contingut) sense text alternatiu és simultàniament un error WCAG 1.1.1 i una oportunitat SEO perduda. Les imatges decoratives han de tenir alt="" explícit — això indica tant al lector de pantalla com a Google que la imatge no té contingut semàntic.

Revisar la jerarquia d’encapçalaments: Cada pàgina ha de tenir exactament un H1 que contingui la paraula clau primària. Els H2 han d’estructurar els subtemes principals sense saltar-se nivells. WAVE mostra l’estructura d’encapçalaments de manera visual en qüestió de segons.

Declarar l’idioma correcte a <html lang>: Si la teva web té versions en català, castellà i anglès, verifica que cada versió tingui l’atribut lang correcte (ca, es, en). És una correcció d’una línia amb impacte en accessibilitat (WCAG 3.1.1) i en el processament lingüístic de Google.

Prioritat mitjana: millores amb impacte en les mètriques d’usuari

Transcripcions per a contingut d’àudio i vídeo: Si la teva web té podcasts, vídeos explicatius o webinars, afegir transcripcions de text és la millora amb un ROI documentat més alt (el cas d’estudi de This American Life és el més citat). Les transcripcions són accessibles per a usuaris amb discapacitat auditiva i afegeixen text indexable on abans només hi havia multimèdia.

Contrast de text: El 79,1% de les webs fallen en aquest punt. Eines com el Color Contrast Analyzer de Deque o la pròpia pestanya d’Accessibility de Chrome DevTools permeten verificar el ràtio de contrast en temps real. L’impacte en l’engagement és directe: el text llegible redueix la taxa de rebot.

Etiquetes en formularis: Si tens formularis de captació o contacte, cada camp ha de tenir una <label> correctament associada amb l’atribut for. Els placeholders no substitueixen les etiquetes — desapareixen quan l’usuari comença a escriure i deixen el camp sense context.

Prioritat baixa: millores d’accessibilitat sense impacte SEO directe

Gestió del focus en components JavaScript: Modals, desplegables i menús expandibles han de gestionar el focus correctament per a la navegació per teclat. El seu impacte SEO és marginal, però el seu impacte en l’experiència d’usuaris amb discapacitats motores és important.

Textos d’enllaç descriptius: Els enllaços amb text genèric com “fes clic aquí” o “llegir més” són problemàtics per als lectors de pantalla (que naveguen per llista d’enllaços) i també subòptims per al SEO on-page. Canviar-los per textos descriptius de la destinació millora tots dos aspectes.

ARIA per a components complexos: Si la teva web té components interactius complexos (acordions, pestanyes, sliders de contingut), implementar els patrons ARIA correctes millora l’accessibilitat sense un impacte SEO directe significatiu. És una millora de qualitat tècnica, no un lever SEO.

Com mesurar l’impacte

Després d’implementar les correccions de prioritat alta, els canvis mesurables en SEO solen aparèixer en dues àrees:

A Google Search Console, a l’informe de Cobertura, reduir errors d’accessibilitat tècnica (com ara formularis sense etiquetes que causaven errors de renderització) pot millorar la taxa d’indexació de les pàgines afectades.

En mètriques d’engagement, el contrast millorat i l’estructura correcta d’encapçalaments solen reflectir-se en taxes de rebot més baixes i major temps a la pàgina per als segments d’usuaris amb preferències d’accessibilitat activades al seu sistema operatiu.

El resultat de This American Life amb les transcripcions (+6,86% de trànsit orgànic) és el punt de referència més citat per una raó: es va mesurar durant més d’un any amb metodologia documentada. No promet que cada millora d’accessibilitat generarà aquest resultat — però sí demostra que la intersecció entre accessibilitat i SEO produeix resultats quantificables quan s’executa de manera metòdica.

Si vols saber quina puntuació d’accessibilitat té la teva web i quines millores tindrien major impacte en el teu posicionament, fem l’avaluació com a part de qualsevol auditoria SEO. Explica’ns el teu cas.