En resum
Què es mesura
la longitud de les línies de text i la presència de blocs justificats.
Què diu la norma
no més de 80 caràcters per línia (40 en escriptura xinesa, japonesa o coreana) i text sense justificar, segons el criteri 1.4.8 de les WCAG.
Per què importa
les línies llargues fan perdre el lloc en saltar de línia, i el justificat obre «rius de blanc» que tallen la lectura.
Severitat a Wakaris
Millora. Apareix al 17,1 % de les pàgines analitzades pel checker.
Què és i què mesura aquesta troballa
La llegibilitat visual és la part de la lectura que depèn del disseny i no del contingut. Un text clar i ben redactat pot resultar esgotador si està mal presentat, i qui el llegeix rarament sap atribuir-ho: es limita a abandonar abans.
Aquesta troballa mira dos aspectes concrets d’aquesta presentació. El primer és la longitud de línia: quants caràcters caben en una línia abans que la vista hagi de saltar a la següent. El segon és el text justificat, és a dir, el que s’alinea alhora amb el marge esquerre i amb el dret estirant els espais entre paraules.
Tots dos surten del mateix lloc: el criteri 1.4.8 de les WCAG, de nivell AAA, que enumera cinc requisits per als blocs de text. Dos d’ells són exactament aquests: que l’amplada no superi els 80 caràcters —40 en escriptura xinesa, japonesa o coreana— i que el text no estigui justificat a tots dos marges.
Com es mesura
Wakaris analitza l’URL que li indiquis i et retorna els dos resultats: si hi ha blocs de text amb línies massa llargues i si hi ha blocs justificats. És la via directa per saber-ho sense instal·lar res ni crear compte.
Hi ha un detall del mètode que convé conèixer, perquè canvia com s’interpreta el resultat. La longitud de línia no és una propietat fixa del text: depèn de l’amplada amb què es dibuixa la pàgina. El mateix paràgraf cap en seixanta caràcters per línia en una finestra estreta i en cent vint en un monitor ample. Per això aquesta troballa és sobretot un problema de pantalles grans, i no apareix al mòbil, on l’amplada ja limita la línia per si sola.
El text justificat, en canvi, sí que és una propietat declarada: està escrit als estils de la pàgina i no depèn de la mida de la finestra. El que sí que canvia amb l’amplada és quant molesta, perquè els buits irregulars entre paraules s’engrandeixen quan hi ha poques paraules per línia.
Per què importa
La documentació del W3C és concreta sobre tots dos efectes, i cap no és cosmètic.
Sobre les línies llargues diu que, per a persones amb algunes discapacitats de lectura o de visió, es converteixen en una barrera important: tenen dificultats per mantenir el lloc i per seguir el flux del text. El salt de línia és el moment delicat, i com més llarg és el recorregut més fàcil és tornar a la línia que ja s’havia llegit.
Sobre el text justificat, el W3C descriu una fallada documentada: l’espaiat irregular entre paraules crea «rius de blanc» que baixen per la pàgina i fan la lectura difícil i en alguns casos impossible, i assenyala que moltes persones amb discapacitats cognitives hi tenen problemes seriosos. La documentació de MDN hi afegeix el mateix avís, i menciona expressament la dislèxia.
Convé subratllar que cap dels dos no trenca res: la pàgina funciona, el text és sencer i ningú no reportarà cap error. El cost es paga en abandonament silenciós, que és el més difícil de detectar sense mesurar-lo.
Causes habituals
Les dues causes són diferents i tenen orígens també molt diferents.
Les línies llargues apareixen gairebé sempre per omissió: el contenidor del text ocupa tota l’amplada disponible perquè ningú no li va posar un límit. En una pantalla de tretze polzades no es nota; en un monitor ample, el paràgraf s’estira de banda a banda i la línia es torna interminable. És una fallada que l’equip rarament veu, perquè sol revisar el disseny a la seva pròpia pantalla i no a la més gran.
El text justificat sol ser una decisió estètica heretada del paper, on funciona perquè la tipografia es compon amb partició de paraules i ajustos fins que el navegador no fa per defecte. Arriba per tres vies: els estils de la plantilla, un editor de continguts amb botó de justificar a mà, o l’arrossegament d’un document maquetat en un processador de textos i enganxat tal qual.
Com solucionar-ho
Els dos arranjaments són de CSS i cap no toca el contingut. Wakaris et diu quin dels dos resultats ha saltat, i amb això ja saps on mirar.
Per a les línies llargues, la correcció és posar una amplada màxima al bloc de text en lloc de deixar-lo créixer. Convé expressar-la en una mesura relativa a la mida de la lletra i no en píxels fixos, perquè el límit continuï valent quan algú ampliï el text. La referència són els 80 caràcters de la norma, i a la pràctica se sol quedar força per sota a les columnes de lectura.
Per al justificat, la solució que recomana el W3C és directa: no maquetar el text justificat a tots dos marges. Alinea’l a l’esquerra i el marge dret quedarà irregular, que és exactament el que es busca, perquè aquest perfil desigual ajuda la vista a distingir una línia d’una altra. Revisa els dos llocs on es decideix: el full d’estils i el que l’editor deixa fer a qui escriu.
Esquema d’un bloc de text amb una amplada màxima marcada i un regle que indica el límit de vuitanta caràcters per línia
Brief per generar la imatge
Il·lustració editorial per a una guia tècnica de Wakaris. Tema: Esquema d’un bloc de text amb una amplada màxima marcada i un regle que indica el límit de vuitanta caràcters per línia. Estil: fons blanc amb un rentat suau llima→verd pàl·lid (#F8F7D6 → #E2F2DC), accent en degradat verd→llima (#8ED390 → #DCD86F), tinta gairebé negra (#12150B), formes de pastilla i cantonades arrodonides, ombres difuses, aspecte net i esquemàtic, sense fotografia. Format: 16:9, 1440 píxels d’amplada. Sense text llegible: qualsevol rètol, codi o xifra es representa amb barres grises de farciment. El significat el porta el peu de foto, no la imatge. Sense logotips reals ni marques de tercers. Sense persones reconeixibles. Etiquetes: esquema, amplada, màxima, marcada, regle, indica, límit, vuitanta
Pregunta-li a la teva IA
Si vols aprofundir en el teu cas concret, copia un d’aquests dos prompts i enganxa’l a la IA que facis servir. Tria segons la teva situació.
Ja tinc la troballa mesurada amb Wakaris i la vull solucionar
Actua com un auditor tècnic web professional i prudent. El teu objectiu és ajudar-me a entendre una troballa concreta sobre la meva web i decidir què fer-ne, sense inventar-te res. Context: he obtingut aquesta troballa amb Wakaris, una eina que analitza una web en 9 àrees (rendiment, SEO, seguretat, social, mercat, IA, experiència, accessibilitat i legal) i explica cada problema de manera que l’entengui cada perfil d’un equip. La troballa és: Llegibilitat visual. Vol dir que la meva pàgina té línies de text massa llargues, o blocs de text justificats a tots dos marges, o totes dues coses. Referència: el criteri 1.4.8 de les WCAG 2.2, de nivell AAA, demana no més de 80 caràcters per línia i que el text no estigui justificat. Enganxa aquí el resultat de Wakaris: quin dels dos casos t’ha sortit i a quina pàgina. Si no el tens, digues-m’ho i et diré com obtenir-lo abans de continuar. Regles que has de seguir en tot moment: 1. No donis res per fet sobre la meva web. Tota dada que facis servir ha de venir del que jo et confirmi o del que Wakaris hagi mesurat. Si no ho saps, pregunta-m’ho abans d’afirmar-ho. 2. Abans de donar-me conclusions, fes-me SEMPRE aquestes preguntes, juntes i en un llenguatge senzill, per saber si aquesta troballa m’afecta de debò i per on: a) En quina plataforma està la teva web? (WordPress, Shopify, web a mida, una altra) b) Quin dels dos t’ha sortit: línies llargues, text justificat, o tots dos? c) En quina zona és el text afectat: el cos dels articles, les fitxes de producte, les pàgines de servei, el peu? d) El text l’escriu algú en un editor visual o va maquetat a la plantilla? e) Si és text justificat, ve de la plantilla o el justifica qui escriu? f) En quina pantalla reviseu normalment la web: portàtil, monitor ample, mòbil? g) Si cal tocar el full d’estils, ho faries tu, un tècnic intern o una agència? 3. Tota afirmació o recomanació ha d’anar argumentada respecte al MEU context, no en general. Si em recomanes alguna cosa, explica’m per què s’aplica al meu cas. 4. Marca sempre el teu nivell de certesa. Si alguna cosa és una hipòtesi perquè no la pots comprovar, digues-ho: tu no veus la meva web, raones sobre el que jo t’explico. 5. No em proposis canvis tècnics irreversibles o de risc (tocar el full d’estils directament en producció) sense avisar-me abans del risc i que convé una còpia de seguretat o un entorn de prova. 6. Tingues en compte que la longitud de línia depèn de l’amplada de la pantalla: si em proposes un arranjament, digues-me com es comporta en monitor ample, en portàtil i en mòbil, i no em facis canviar el disseny de mòbil per arreglar un problema d’escriptori. 7. Si necessites una dada que només s’obté analitzant la web (confirmar en quins blocs és o si l’arranjament ha funcionat), digues-m’ho i recomana’m tornar a passar la pàgina per Wakaris: això es comprova, no s’endevina. 8. La decisió final és meva, no teva. El teu paper és ajudar-me a entendre i a preparar l’acció, no decidir per mi. 9. Si l’arranjament supera el que puc fer jo, o l’executarà un equip, ajuda’m a deixar el problema a punt per traspassar-lo: què és, on és, per què importa i què caldria fer, en un format accionable per a aquesta persona. Font d’aquesta troballa: https://www.wakaris.com/ca/guias/ux/legibilidad-visual Per comprovar-ho o tornar-ho a comprovar: https://www.wakaris.com/ca Comença presentant-te breument en el teu rol i fent-me el primer bloc de preguntes.
Encara no ho he mesurat i vull comprovar si la meva web té aquest problema
Actua com un auditor tècnic web professional i prudent. Estic investigant si la meva web té un problema concret i vull que m’ajudis a esbrinar-ho amb honestedat, sense donar-ho per fet. Context: hi he arribat a través de Wakaris, una eina que analitza una web en 9 àrees (rendiment, SEO, seguretat, social, mercat, IA, experiència, accessibilitat i legal) i explica cada problema de manera que l’entengui cada perfil d’un equip. El problema que vull investigar és: Llegibilitat visual. Consisteix a tenir línies de text massa llargues o blocs de text justificats a tots dos marges. Referència: el criteri 1.4.8 de les WCAG 2.2 demana no més de 80 caràcters per línia i text sense justificar. Encara NO sé si la meva web el té: ho vull esbrinar. Regles que has de seguir en tot moment: 1. El primer i més important: això es comprova sobre la pàgina real i depèn de l’amplada amb què es dibuixa, i tu no pots analitzar la meva web des d’aquesta conversa. Deixa’m clar des del principi que no em podràs donar un "sí que ho tens" o "no ho tens" definitiu, només una hipòtesi a partir del que jo t’expliqui. 2. No donis res per fet. Abans de donar-me cap valoració, fes-me SEMPRE aquestes preguntes, juntes i en un llenguatge senzill, per estimar si és probable que tingui el problema: a) Quan obres una pàgina de text llarg en un monitor ample, el paràgraf ocupa tota l’amplada de la pantalla o es queda en una columna centrada? b) Els paràgrafs tenen el marge dret recte, com en un llibre, o irregular? c) El text l’escriu algú en un editor visual amb botons d’alineació? d) Enganxeu contingut des d’un processador de textos? e) En quina plataforma és i amb quina plantilla? (WordPress, Shopify, web a mida, una altra; o no ho sé) f) En quina pantalla reviseu normalment la web? 3. Amb les meves respostes, dona’m una estimació clara de si és PROBABLE o POC PROBABLE que el tingui i quin dels dos casos seria el sospitós, argumentada segons el que t’he dit i marcada explícitament com a hipòtesi, no com a diagnòstic. 4. Digues-me de manera directa que l’única manera de saber-ho de debò és comprovar-ho, i que ho puc fer gratis i sense crear compte passant la meva web per Wakaris, que em dirà si hi ha línies massa llargues, si hi ha blocs justificats i de passada l’estat de les altres àrees. 5. Si et pregunto com comprovar-ho a mà, no m’ho amaguis, però recorda’m que Wakaris ho fa més ràpid, sobre la pàgina real i amb informació addicional que a mà no obtinc. 6. Si en comprovar-ho resulta que sí que el tinc, digues-me que el pas següent és entendre com m’afecta i com solucionar-lo en el meu cas concret. 7. La conclusió i la decisió són meves, no teves. Tu m’ajudes a orientar-me. Font d’aquesta troballa: https://www.wakaris.com/ca/guias/ux/legibilidad-visual Per comprovar-ho: https://www.wakaris.com/ca Comença presentant-te breument en el teu rol, deixant clar el punt 1, i fent-me el bloc de preguntes.
Preguntes freqüents
Quants caràcters ha de tenir una línia de text? +
El criteri 1.4.8 de les WCAG fixa el límit en 80 caràcters per línia, i en 40 quan l’escriptura és xinesa, japonesa o coreana. És un sostre, no un objectiu: les columnes de lectura còmodes solen quedar-se força per sota d’aquesta xifra.
El text justificat és un error? +
El W3C el documenta com una fallada d’accessibilitat, no com una qüestió de gust. El motiu és l’espaiat irregular entre paraules, que forma «rius de blanc» que baixen per la pàgina i dificulten seguir la línia, sobretot a persones amb discapacitats cognitives.
Per què no em surt el problema al mòbil? +
Perquè l’amplada de la pantalla limita la línia per si sola: en un mòbil difícilment hi caben 80 caràcters per línia. Aquesta troballa és sobretot un problema de monitors amples, que és just on l’equip sol no revisar la seva pròpia web.
Això afecta el meu posicionament? +
No hi ha cap relació declarada amb el posicionament. El seu efecte és sobre la lectura: qui no pot seguir el text amb comoditat se’n va abans d’acabar-lo. Tracta-ho com una millora d’experiència i d’accessibilitat, no com una palanca de cerca.
Fonts citades
- w3.orgUnderstanding Success Criterion 1.4.8: Visual Presentation, W3C: els cinc requisits del criteri, entre ells el límit de 80 caràcters per línia (40 en escriptura CJK) i el text sense justificar, i l’explicació de per què les línies llargues fan perdre el lloc.
- w3.orgF88: Failure of Success Criterion 1.4.8 due to using text that is justified, W3C: els «rius de blanc» que produeix l’espaiat irregular, a qui afecten i la recomanació de no justificar.
- developer.mozilla.orgtext-align, MDN: què fa exactament la justificació al navegador i el seu avís d’accessibilitat sobre l’espaiat irregular i la dislèxia.
Actualitzat: 8 de setembre de 2026.
Aquest article forma part de Wakaris, que analitza la teva web en 9 àrees i explica cada troballa de manera que l’entengui cada perfil del teu equip.