Truca'ns
A person with a disability browses the website.
  • Angel Sanchez Güeche

    Angel Sanchez Güeche

    Cofundador de Map to Moon

Índex de continguts

Introducció

Una persona arriba a la vostra pàgina de contacte, però no pot activar el botó amb el teclat. Una altra no entén un vídeo perquè no té subtítols. Una tercera abandona el procés de compra perquè el missatge d’error d’un formulari només apareix en vermell. No són incidències menors de disseny: són barreres que tallen vendes, servei i confiança. L’accessibilitat web obligatòria situa aquests problemes en un terreny de compliment, però per a moltes empreses el cost real és també comercial i operatiu.

La pregunta útil no és si una web «es veu bé». És si una persona pot informar-se, registrar-se, comprar, demanar pressupost o gestionar un servei sense dependre de capacitats, dispositius o maneres de navegar concretes. Aquesta és la diferència entre una presència digital decorativa i una infraestructura que funciona.

Quan és obligatòria l’accessibilitat web?

No totes les empreses tenen exactament les mateixes obligacions. El marc aplicable depèn del país on opereu, del tipus de servei, dels mercats on veneu i de si la vostra organització presta un servei públic o essencial. Per això, tractar l’accessibilitat com una casella legal universal és un error.

A la Unió Europea, la normativa d’accessibilitat del sector públic ja exigeix que moltes webs i aplicacions públiques siguin accessibles. A més, l’Acta Europea d’Accessibilitat amplia les exigències a determinats productes i serveis dirigits al consumidor des del juny de 2025. Entre els àmbits afectats hi ha, segons el cas, el comerç electrònic, els serveis bancaris, les plataformes de transport, les comunicacions electròniques i determinats serveis digitals associats.

Per a empreses d’Andorra o de fora de la UE, el punt determinant no és només on està constituïda la societat. També compta si comercialitza serveis a consumidors europeus, si treballa amb organismes públics o si forma part d’una cadena de proveïdors que imposa requisits d’accessibilitat. Les microempreses poden tenir excepcions en contextos específics, però no convé assumir-les sense revisar el cas concret amb assessorament jurídic.

La conclusió operativa és clara: identifiqueu el vostre mercat, els vostres canals digitals i els serveis que els usuaris hi poden contractar o gestionar. Després, definiu quin nivell de compliment us pertoca. Fer-ho al revés - redissenyar sense saber l’abast legal ni les prioritats de negoci - genera despesa i deixa punts crítics sense resoldre.

El nivell de referència: WCAG i conformitat AA

Quan es parla de requisits tècnics, les Pautes d’Accessibilitat per al Contingut Web, conegudes com a WCAG, són el referent habitual. La conformitat AA és sovint el nivell demanat en licitacions, entorns regulats i projectes amb exposició pública alta. No és un segell estètic ni una prova que es pugui superar en una sola sessió de QA.

Les WCAG agrupen els criteris al voltant de quatre condicions: el contingut ha de ser perceptible, operable, comprensible i compatible amb tecnologies d’assistència. Traduït a decisions de producte, això implica que una imatge rellevant necessita una alternativa textual útil; que la navegació ha de funcionar amb teclat; que els camps d’un formulari han de tenir etiquetes clares; i que el codi ha de transmetre correctament l’estructura i l’estat dels components.

El contrast de color és probablement el punt més conegut, però és només una part del treball. Una web amb contrast correcte pot continuar sent inaccessible si el focus del teclat no es veu, si un menú desplegable queda atrapat, si una finestra emergent no anuncia la seva obertura o si un lector de pantalla rep botons sense nom.

On fallen més les webs d’empresa

Les barreres solen aparèixer en components repetits, no en una única pàgina. Això és una bona notícia: corregir un sistema de disseny, una plantilla o un component de desenvolupament pot millorar desenes de pantalles alhora. També explica per què els pedaços puntuals acostumen a fallar amb el temps.

Els formularis són un punt especialment sensible perquè coincideixen amb moments de conversió. Un placeholder no substitueix una etiqueta de camp. Els errors han d’explicar què ha passat i com corregir-ho, no limitar-se a canviar de color. Si es demana un número de telèfon amb un format específic, la instrucció s’ha de donar abans d’enviar el formulari, no després de bloquejar l’usuari.

La navegació és el segon focus crític. Els menús de mòbil, cercadors interns, filtres de catàleg, cookies i finestres modals han de ser navegables i previsibles. Una interfície pot semblar moderna i, alhora, ser impossible d’utilitzar sense ratolí. Això afecta persones amb discapacitat motora, però també usuaris amb una lesió temporal, un portàtil sense ratolí o una connexió lenta que altera el comportament de la pàgina.

Els continguts multimèdia també requereixen criteri editorial. Els vídeos necessiten subtítols quan el so aporta informació; les transcripcions poden ser necessàries per a peces informatives; i les imatges no han de tenir textos alternatius genèrics. «Imatge 1» no informa ningú. Ara bé, una fotografia purament decorativa no necessita una descripció extensa. L’accessibilitat no consisteix a afegir text a tot, sinó a conservar el significat.

Com abordar l’accessibilitat web obligatòria sense improvisar

El primer pas és una auditoria amb doble mirada: automàtica i manual. Les eines automàtiques detecten problemes recurrents de marcatge, contrast o atributs absents. Són eficients per trobar volum, però no poden decidir si un text alternatiu és adequat, si l’ordre de navegació té sentit o si un procés de compra és comprensible. Confiar-hi com a única prova ofereix una falsa sensació de seguretat.

Després cal prioritzar per risc i impacte. Comenceu pels fluxos que generen ingressos o donen accés a un servei: compra, reserva, alta, pagament, contacte, àrea privada i suport. Continueu amb la navegació global i els components compartits. Aquesta seqüència evita dedicar setmanes a ajustos de pàgines secundàries mentre un usuari no pot completar l’acció principal.

La correcció ha d’arribar al disseny i al codi. El disseny defineix jerarquia, contrast, estats de focus, missatges i comportaments responsius. El desenvolupament aplica HTML semàntic, estructures correctes d’encapçalaments, etiquetes de formulari, gestió del focus i compatibilitat amb tecnologies d’assistència. Si un dels dos equips entra tard, apareixen solucions cares i fràgils.

També convé establir una definició de fet per als canvis futurs. Cada nou component ha de passar revisions de teclat, focus, semàntica, contrast i adaptació a mòbil abans de publicar-se. Cada peça editorial ha de tenir regles bàsiques per a encapçalaments, enllaços descriptius, imatges i vídeo. Sense aquesta disciplina, una web corregida torna a degradar-se a cada campanya o actualització.

No confongueu compliment amb un widget

Els widgets que prometen solucionar l’accessibilitat amb una capa flotant són atractius perquè semblen ràpids i barats. Però no reparen l’estructura del codi, les etiquetes equivocades ni els fluxos mal dissenyats. En alguns casos, fins i tot afegeixen fricció a persones que ja utilitzen les seves pròpies tecnologies d’assistència.

Una solució fiable treballa sobre el producte real. Això pot requerir canvis en una plantilla de CMS, un redisseny de components, una revisió del checkout o una integració amb sistemes de tercers. Si el proveïdor de pagament o reserva no és accessible, la responsabilitat comercial no desapareix perquè el component sigui extern. Cal valorar alternatives, configurar-lo correctament o deixar constància del risc i del pla de mitigació.

Una decisió de negoci, no només de compliment

L’accessibilitat té un cost inicial, especialment en webs antigues, plataformes molt personalitzades o processos de compra amb moltes dependències. Però ajornar-la acostuma a multiplicar-lo. Corregir un component abans de desplegar-lo és més eficient que intervenir-lo després en desenes de pàgines, campanyes i variants de dispositiu.

També millora elements que qualsevol negoci necessita: formularis més clars, navegació més consistent, contingut més estructurat i menys abandonament per fricció. No garanteix vendes per si sola, però elimina obstacles que impedeixen que la demanda existent arribi a convertir.

El bon moment per actuar no és quan arriba una queixa o una exigència contractual. És quan la vostra web encara es pot ordenar amb criteri: prioritzant els serveis crítics, arreglant el sistema i fent que cada futura millora mantingui el mateix nivell. Aquesta és la manera pràctica de convertir una obligació potencial en un actiu digital que aguanta el creixement.