Lliçó 5 de 10 · 13 min de lectura · Revisada el 26/10/2026
Les barreres més freqüents i el seu impacte en tasques reals
Estàs llegint una lliçó oberta. Matricula't gratis per fer els tests i els exercicis, desar el teu progrés i aconseguir el certificat.
Ja saps què és l'accessibilitat i com viatja la informació des del codi fins a la persona. Ara toca veure què falla a la pràctica. Les anàlisis massives de llocs web mostren que els mateixos errors es repeteixen una vegada i una altra, i que la majoria són senzills d'evitar. Però els números només expliquen una part de la història: en aquesta lliçó veurem també les barreres que cap eina no detecta i per què una sola d'aquestes pot impedir completar un tràmit sencer.
Què diuen les dades: l'informe WebAIM Million
WebAIM, una organització sense ànim de lucre vinculada a la Universitat Estatal de Utah (Estats Units), analitza cada any amb la seva eina automàtica WAVE les pàgines d'inici del milió de llocs web més visitats del món. En l'informe del 2024, el 95,9 % d'aquestes pàgines tenia errors de WCAG detectables automàticament, amb una mitjana de 56,8 errors per pàgina. Les xifres gairebé no varien d'un any a l'altre: el web continua ple de barreres bàsiques.
El més revelador és que la immensa majoria dels errors detectats es concentra en només sis tipus:
| Error detectat | Pàgines afectades (2024) | Criteri WCAG relacionat | Què provoca |
|---|---|---|---|
| Text amb contrast baix | 81 % | 1.4.3 Contrast (mínim) | Text difícil o impossible de llegir amb baixa visió, amb la vista cansada o amb el mòbil al sol |
| Imatges sense text alternatiu | 54,5 % | 1.1.1 Contingut no textual | El lector de pantalla omet la imatge o llegeix el nom del fitxer |
| Camps de formulari sense etiqueta | 48,6 % | 1.3.1 Informació i relacions; 3.3.2 Etiquetes o instruccions | La persona no sap quina dada es demana a cada camp |
| Enllaços buits | 44,6 % | 2.4.4 Propòsit dels enllaços (en context) | S'anuncia «enllaç» sense destinació; és típic a les icones de xarxes socials |
| Botons buits | 28,2 % | 4.1.2 Nom, funció, valor | S'anuncia «botó» sense saber què fa: la lupa, la creu de tancar, el menú |
| Falta l'idioma de la pàgina | 17,1 % | 3.1.1 Idioma de la pàgina | El lector de pantalla pot llegir el text en català amb la pronúncia d'un altre idioma |
Infografia · Dades
Els errors que més es repeteixen al web
Anàlisi automàtica de les pàgines d'inici del milió de llocs web més visitats del món
- 95,9 %de les pàgines d'inici tenia errors WCAG detectables
- 56,8errors detectats de mitjana a cada pàgina d'inici
- 81 %tenia text amb contrast baix (1.4.3)
- 54,5 %tenia imatges sense text alternatiu (1.1.1)
- 48,6 %tenia camps de formulari sense etiqueta
- 44,6 %tenia enllaços buits, sense text que n'indiqui la destinació
Llegeix la infografia com a text
Sis xifres de l'informe WebAIM Million del 2024, que va analitzar amb l'eina automàtica WAVE les pàgines d'inici del milió de llocs web més visitats. El 95,9 % d'aquestes pàgines tenia errors de WCAG detectables automàticament, amb una mitjana de 56,8 errors per pàgina. Els errors més freqüents van ser: text amb contrast baix, en el 81 % de les pàgines (criteri 1.4.3); imatges sense text alternatiu, en el 54,5 % (criteri 1.1.1); camps de formulari sense etiqueta, en el 48,6 %; i enllaços buits, sense text que n'indiqui la destinació, en el 44,6 %. Són només els errors que una eina pot detectar a la pàgina d'inici; les barreres reals solen ser més.
Punt clau
Els sis errors més freqüents del web s'eviten amb pràctiques bàsiques que qualsevol perfil pot aprendre: triar colors amb contrast, descriure les imatges, etiquetar els camps, donar nom a les icones i declarar l'idioma. No cal tecnologia avançada; cal saber que existeixen i revisar-los abans de publicar.
Com llegir bé aquestes xifres
Aquestes dades són molt útils per convèncer, però cal fer-les servir amb rigor, perquè són fàcils d'interpretar malament:
- Només mesuren la pàgina d'inici. Els processos interns (formularis, pagaments, àrees privades) solen tenir més problemes, no menys, perquè reben menys atenció.
- Només recullen el que una eina automàtica pot detectar. Una pàgina sense errors automàtics pot ser inutilitzable amb teclat.
- Són dades de llocs de tot el món. No descriuen un web concret ni substitueixen una avaluació: serveixen per demostrar que el problema és general i que els errors bàsics dominen.
A Espanya, l'Observatori d'Accessibilitat Web, que depèn de l'Administració General de l'Estat, publica informes periòdics sobre els portals públics. Són la referència per al sector públic espanyol i els estudiaràs al nivell de normativa i gestió.
Les barreres que les eines no veuen
Moltes de les barreres més greus només apareixen quan una persona intenta fer alguna cosa. Aquestes són algunes de les més habituals als webs i a les aplicacions d'ús diari:
- Un avís de galetes que atrapa el teclat o tapa la pàgina: si no es pot acceptar o rebutjar sense ratolí, tot el web queda bloquejat des del primer segon (2.1.1 Teclat; 2.1.2 Sense paranys per al focus del teclat).
- Focus invisible o desordenat: qui navega amb teclat no sap en quin element és o salta de manera il·lògica per la pàgina (2.4.7 Focus visible; 2.4.3 Ordre del focus).
- Temps límit sense avís: la sessió de la banca en línia o de la seu electrònica caduca mentre algú emplena el formulari a poc a poc i es perd tot el que ha escrit (2.2.1 Temps ajustable).
- Verificacions difícils: trencaclosques, caràcters distorsionats que cal transcriure o codis que cal memoritzar i teclejar perquè el web impedeix enganxar-los, que a l'inici de sessió poden incomplir el 3.3.8 Autenticació accessible (mínim), nou a WCAG 2.2; i CAPTCHA d'imatges sense una alternativa en una altra modalitat per a qui no hi veu (1.1.1 Contingut no textual).
- Documents inaccessibles: l'imprès oficial és un PDF escanejat, és a dir, una imatge sense text real que el lector de pantalla no pot llegir.
- Vídeos sense subtítols, o amb subtítols automàtics sense revisar plens d'errors (1.2.2 Subtítols (enregistrat)).
- Llenguatge innecessàriament complex: instruccions en argot administratiu o tècnic que impedeixen entendre què cal fer. Les WCAG ho tracten sobretot en criteris de nivell AAA, però afecta moltíssimes persones.
- Components personalitzats mal construïts: selectors de data, mapes de seients, pestanyes o finestres emergents que només funcionen amb ratolí o que no anuncien què passa.
N'hi ha prou amb una sola barrera per bloquejar una tasca
Les persones no visiten pàgines: fan tasques. Demanar cita prèvia, pagar un rebut, comprar un bitllet, consultar una nota. Cada tasca és una cadena de passos, i n'hi ha prou que un d'aquests sigui inaccessible perquè tot el procés fracassi. Per això no té sentit valorar l'accessibilitat només pel nombre d'errors.
Exemple
Una persona amb discapacitat motriu que navega només amb teclat vol demanar cita al seu centre de salut. La pàgina d'inici té dotze textos amb poc contrast: la molesten, però pot continuar. El formulari de dades personals té etiquetes i l'emplena sense problemes. Però el calendari per triar el dia només respon a clics de ratolí. Aquí s'acaba el tràmit: haurà de trucar per telèfon o demanar ajuda. Un informe automàtic comptaria dotze errors a la portada i cap al calendari; la realitat per a aquesta persona és just la contrària.
Per descriure aquesta diferència, en auditoria es parla de gravetat o impacte. Una barrera és bloquejant quan impedeix completar la tasca, greu quan obliga a un esforç desproporcionat o a demanar ajuda, i molesta quan dificulta però permet continuar. Aprendràs a prioritzar amb aquest criteri al nivell d'auditoria; de moment queda't amb la idea que importa més on és la barrera que quantes n'hi ha.
Error freqüent
Fer servir la puntuació d'una eina automàtica com a únic indicador («hem passat de 70 a 92 punts»). La puntuació pot pujar corregint contrastos a la portada mentre el botó de pagar continua sense funcionar amb teclat. Mesura també tasques completes: es pot acabar el procés principal només amb teclat, amb lector de pantalla i amb el zoom al 200 %?
On mirar primer, segons el sector
Cada sector té les seves tasques crítiques i els seus punts febles característics. Aquesta taula no és exhaustiva, però t'orienta sobre on solen aparèixer les barreres bloquejants:
| Sector | Tasques crítiques | Barreres típiques |
|---|---|---|
| Administració i seu electrònica | Identificar-se, presentar una sol·licitud, demanar cita, baixar un justificant | Formularis llargs sense etiquetes clares, impresos en PDF escanejat, sessions que caduquen, llenguatge administratiu |
| Banca | Accedir amb claus, consultar moviments, fer una transferència | Teclats virtuals en pantalla per al PIN, codis d'un sol ús que caduquen ràpidament, gràfics de despeses sense alternativa |
| Comerç electrònic | Cercar, filtrar, triar variants, pagar | Talles o colors triats només amb mostres visuals, cistelles emergents que no reben el focus, passarel·les de pagament de tercers, CAPTCHA |
| Transport | Consultar horaris, comprar, triar seient, rebre avisos | Calendaris personalitzats, mapes de seients només amb ratolí, avisos de canvis que no s'anuncien |
Prova-ho tu
Obre en una finestra privada un web que facis servir sovint (el teu banc, una botiga, el teu ajuntament) perquè aparegui l'avís de galetes. Sense tocar el ratolí, intenta acceptar-lo o rebutjar-lo fent servir només Tab, Retorn i Espai. Veus en tot moment on és el focus? El pots tancar i continuar navegant? Si et quedes encallat, has trobat una barrera bloquejant que afecta tot el web.
Resum
- Segons el WebAIM Million 2024, el 95,9 % de les pàgines d'inici més visitades tenia errors WCAG detectables automàticament.
- Sis errors bàsics dominen: contrast baix, imatges sense alternativa, camps sense etiqueta, enllaços i botons buits i manca d'idioma.
- Les barreres més greus (teclat, temps, verificacions, documents, components personalitzats) solen escapar a les eines.
- Una sola barrera bloquejant en un pas impedeix completar tota la tasca: importa més on és que quantes n'hi ha.
Portes 10 lliçons d'aquest curs: que no es perdin
Crea el teu compte gratis i desa el que ja has llegit i segueix el curs amb tot:
- El test d'aquesta lliçó (3 preguntes) per comprovar el que has après
- Exercicis pràctics amb pàgines reals
- El teu progrés desat: continues on ho vas deixar, des de qualsevol dispositiu
- Constància del curs amb les hores i certificat gratuït del nivell 1 quan aprovis l'examen
Entres amb el teu compte de Google o només amb el teu correu electrònic. No cal contrasenya.