Pantalla de gestió de la accessiblitat per al visitant (no ajuda a la Llei 11/2023 però sí al visitant)

El poder de la web està en la seva universalitat. L’accés de totes les persones, independentment de la discapacitat, és un aspecte essencial.

Tim Berners-Lee

Avui toca parlar de legalitat (Llei 11/2023 que afecta a totes les webs), però també de inclusió i responsabilitat social.

A tots ens sembla que l’Accessibilitat web és un afegit “voluntari” a la web que podem obviar. De fet, diria que hem aplicat l’Accessibilitat a unes 15-20 webs, dels gairebé 1.000 fets des del 2003, un 1,5% dels webs que hem treballat. Parlant amb els clients, sembla una cosa «prescindible» fins que tenim algú proper amb glaucoma, sense un braç, cec, amb ELA, seqüeles d’un ictus, etc… Aleshores veiem que TOT avui dia és digital, i al que abans podien accedir (trucada, visita, formulari, …) avui en dia és una barrera molt difícil de superar. Pensant una mica, ens adonem que la societat ha deixat enrere les persones amb diversitat, ara més que mai, en allò digital.

Sigui com sigui la nostra experiència i compromís amb els discapacitats, avui ja és obligatori per llei (Llei 11/2023), i anem tard.

Introducció a l’Accessibilitat web respecte a la Llei 11/2023

Pot semblar un article més avorrit del que és habitual, però és imprescindible conèixer les nostres obligacions per ser propietaris d’un lloc web i què impliquen, sobretot si ets ONG i reps fons públics.

La usabilitat web és fonamental en el context de la nova llei 11/2023 (filla de la llei europea d’accessibilitat), que busca garantir la accessibilitat digital per a tots, incloses aquelles persones amb discapacitat. Aquesta normativa estableix requisits d’accessibilitat que han de complir els llocs web i aplicacions per ser considerats accessibles. I s’aplica a totes les webs (apps, caixers,…) de qualsevol forma jurídica de societat, gairebé sense excepció (el sector bancari i dispositius tenen pròrroga).

La normativa ja és AVUI, d’aplicació obligatòria, per a totes les webs. Des del 28 de juny de 2025, exigeix que tots els serveis digitals i productes s’adaptin a les pautes d’accessibilitat com les WCAG. És crucial que les empreses que operen a Espanya, ONGs i el sector públic compleixin aquestes normatives per evitar sancions i promoure un entorn digital més inclusiu.

Què és usabilitat web i què és accessibilitat web

Serem formals. La usabilitat es refereix a la facilitat amb què les persones poden interactuar amb un lloc web (relacionat amb l’experiència d’usuari, UX) i això queda fora de l’abast d’aquest article.

El que avui ens ocupa, la accessibilitat web, garanteix que persones amb discapacitat puguin accedir als llocs web i aplicacions sense barreres. Això inclou persones amb discapacitat visual, auditiva, motora o intel·lectual.

Alguns exemples pràctics de què ha de tenir la teva web per garantir l’accessibilitat (segons Llei 11/2023) són:

  • Un lector de text a veu
  • Els contrastos han de ser alts (pe lletra grisa sobre fons negre, malament)
  • Els mides de lletra han de ser suficients
  • El web ha de ser compatible amb els lectors per a invidents (per exemple, totes les imatges amb text alternatiu)
  • Permetre la navegació per la web sense ratolí (teclat)
  • Tots els vídeos amb subtítols
  • Incloure una Política d’Accessibilitat
  • … i milers més de petites directrius incloses a la WCAG 2.1 – nivell AA href=»https://www.une.org/encuentra-tu-norma/busca-tu-norma/norma/?c=N0063691″ target=»_blank» rel=»noopener»>UNE-EN 301549

Moltes de les directrius a aplicar també es poden resoldre, i així ho fem, amb una eina inclosa a la web (widget/plugin) que permeti contrastos alts, incrementar la mida de lletra, llegir la web, canviar patrons de colors, augmentar l’interlineat, amagar imatges, etc.

Què cal fer per tenir una web accessible?

Podem dividir les accions en 3 etapes diferenciades:

1.- Auditoria d’accessibilitat

Fem una auditoria tècnica i d’usabilitat, normalment amb una eina de pagament. Aquí detectarem barreres que dificulten la navegació a persones amb discapacitat: imatges sense descripcions alternatives, textos amb baix contrast, menús inoperables mitjançant teclat, formularels mal etiquetats o continguts multimèdia sense subtítols o audiodescripció. L’avaluació es basa en les directrius WCAG 2.1 i la norma UNE-EN 301549, que, com ja hem dit, és exigida per la legislació espanyola i europea.

2.- Modificació de la web per avançar cap a la Web Accessible

Una vegada identificats els problemes, s’apliquen les correccions a diferents àrees de la web: disseny visual, estructura del codi, textos i interacció. Això, probablement, afectarà els colors i tipografies, adaptar la navegació per a usuaris de lectors de pantalla o teclat, etiquetar correctament els elements del formulari, i incorporar subtítols i transcripcions als vídeos.

Aquesta és la part més costosa, ja que implica canviar tots els elements de la web que no compleixin, un per un.

3.- Declaració d’accessibilitat

Incorporarem un daclariment d’accessibilitat visible a la web, on s’informa del nivell de compliment, els estàndards aplicats i com contactar en cas de detectar alguna barrera. Aquesta declaració no és només un requisit legal, sinó també una mostra de transparència i compromís amb la inclusió.

En alguns casos, és recomanable fer tests amb usuaris reals i mantenir revisions periòdiques per garantir que l’accessibilitat es manté al llarg del temps.

Si volem anar més enllà fàcilment, si pot instal·lar un plugin que encara augmenti més el contrast, la lletra, ressalti links, etc… (veure més endavant a l’article). És de fàcil aplicació i millorarem molt les opcions per a gent amb dificultats.

Quant costa convertir la meva web en una web accessible

Parlarem clar. L’Accessibilitat és molt laboriosa i implica canviar el codi font de la web, cosa que pot ser difícil, ja que avui dia s’usa WordPress i plugins amb codi ja de sèrie.

Si som estrictes i volem complir les normes especificades rigorosament, la cosa es pot disparar molt en webs de mida mitjana. I encara més, si volem fer-la al màxim que ofereixen les normes, per exemple WCAG 2.1 AAA. La llei 11/2023 exigeix WCAG 2.1 AA i aquí ens quedem.

Crec que haurem fet només 2 webs WCAG 2.1 AAA en els 23 anys que portem al desenvolupament web. L’AA ja és un avenç. Hem d’avançar en usabilitat, sens dubte, i complir la llei, però hem d’analitzar bé fins on arribem.

El cost depèn de cada web, però podem aventurar que els costos se situen entre els 800€ i els 3.000€, en funció de complexitat i mida.

Com fem que l’esforç de l’accessibilitat sigui raonable?

La llei 11/2023 no ens deixa gaire marge, ja que diu, per exemple pel que fa al contrast:

  • Contrast mínim de 4.5:1 entre text normal i fons.
  • Contrast mínim de 3:1 per a text gran (major de 18pt o 14pt en negreta).

Això a nivell de disseny ens limita a fer coses “xules”. Així que molta gent recorre a un plugin (veure més avall), fins i tot amb el kit digital n’hi ha prou, que permet augmentar el contrast.

Doncs el plugin no serveix, és una millora que llueix i fàcil d’implementar – i ens pot servir davant una denúncia per demostrar compromís – però no ens serveix per complir la llei. Això és perquè la llei 11/2023 diu explícitament:

El disseny visual per defecte de la web ha de complir els criteris d’accessibilitat sense dependre de ferramentes externes.

Poc marge ens queda: la feina que cal fer, cal fer-ho.

Espera, també hi ha bones notícies

Les lleis també inclouen certa flexibilitat en la seva aplicació. Aquest marge ve de la «declaració d´accessibilitat parcial o amb limitacions». A la declaració es defineix quines parts encara no complim, argumentant limitacions tècniques, desproporcionalitat d’esforç (en casos justificats) i/o que estem treballant en la solució. A més, proporcionarem un canal de contacte perquè els usuaris ens notifiquin problemes o sol·licitar accessos alternatius.

Així, podem fer una primera aproximació a la usabilitat i atacar els punts pendents més endavant. Així que podem distribuir la inversió en dues vegades separades pel temps.

Una altra opció, si no podem invertir en fer la web accessible completament, és que ens limitem a un pressupost (p.e. 1.000€) i fem el que puguem de moment. I així ho indiquem de forma transparent a la política. Això ja demostra la nostra voluntat de complir la llei i avançar en la millora de l’accessibilitat. De moment, si volem evitar multes, se suposa que no serem el blanc més fàcil si volen conscienciar amb multes. I en cas de denúncia, tindrem atenuants (voluntat d’apllicar-la) perquè ens donin més marge o una sanció molt més moderada.

L’última bona notícia és que això millora el posicionament web (la nostra posició a Google o les opcions de sortir en resultats d’intel·ligència artificial). És a dir, fer la web accessible demostra a Google que ens prenem seriosament la nostra web, la cuidem i l’optimitzem. I això compta.

Què fa el famós plugin d’Accessibilitat?

És un «afegit» que instal·larem a la web – de pagament, però tenim una solució – i que mostra un botó amb el símbol d’inclusivitat. Quan un usuari premeu el botó, us apareixeran eines per augmentar contrastos, modificar la mida o tipus de lletra, ocultar imatges, començar la locució de la web, navegar per veu, ressaltar links, etc…

Com hem comentat, moltes de les coses no serveixen per complir la llei 11/2023 (contrastos, separacions, mides…). Però sí que ens proporcionarà millores que ajudaran molt el visitant amb discapacitat i algunes de les requerides per la llei, com ara textos alternatius per a les imatges, locució de veu, etc…

És una eina molt fàcil d’implementar que demostra el nostre compromís i proporciona eines poderoses.

Comptat tot, ja és a la vostra mà. Si sou ONG se suposa que ho heu de fer, pels valors publicats a la vostra web, però a més en rebre fons públics ho heu de fer sí o sí.

Per a la resta, voleu complir la llei? voleu ser inclusius? Parlem!