ACCESIBILIDAD ≠ OVERLAY · 31

Accessibilitat ≠ Overlay: el manteniment també influeix en l’accessibilitat

📅 30 d’octubre de 2026 · ⏱ 6 min de lectura

Un web accessible avui pot deixar de ser-ho demà. Les actualitzacions, els continguts nous i els canvis de disseny exigeixen revisions constants.

01. L’accessibilitat no s’acaba amb el llançament

Superar una auditoria és una fita, no una garantia permanent. Cada canvi en plantilles, formularis o continguts pot alterar l’experiència.

Cal saber com detectarem les barreres noves abans que afectin les persones usuàries.

02. Les actualitzacions poden modificar la interacció

Actualitzar WordPress, Divi o un connector pot canviar menús, finestres de diàleg i comportament del focus.

Prova els canvis en un entorn de proves i repeteix els recorreguts essencials abans de publicar-los.

03. Els continguts nous també poden excloure

Una imatge sense alternativa, un enllaç ambigu o títols desordenats poden crear barreres encara que la plantilla sigui correcta.

Els editors necessiten una llista de control per a encapçalaments, enllaços, imatges i instruccions.

04. Comprova cada formulari nou

Un formulari pot semblar correcte amb ratolí i, alhora, tenir camps sense etiqueta o errors indicats només amb color.

Revisa etiquetes, camps obligatoris, missatges d’error, teclat i confirmació d’enviament.

05. Teclat, focus i diàlegs

Navega amb Tab i Maj+Tab. El focus ha de ser visible, seguir un ordre coherent i no quedar atrapat.

Quan s’obre un diàleg, cal gestionar el focus i retornar-lo al lloc adequat quan es tanca.

06. Zoom, mòbil i tecnologies de suport

Amb el zoom al 200 %, els controls han de continuar disponibles i el contingut no s’ha de superposar.

Fes servir també un lector de pantalla per comprovar noms accessibles, títols i canvis d’estat.

07. Els tests automàtics tenen límits

Les eines detecten alguns errors de contrast, etiquetes o codi, però no poden valorar soles tot el procés.

Combina-les amb proves manuals i, quan sigui possible, amb persones amb discapacitat.

08. Estableix un calendari de manteniment

Després d’actualitzacions importants, comprova tasques crítiques. Abans de publicar contingut, revisa’n l’estructura.

Registra data, responsable, resultat i correccions pendents per fer el procés repetible.

09. Prioritza els bloquejos

No poder pagar o enviar un formulari té més impacte que un petit detall visual.

Documenta els passos per reproduir el problema, assigna’n la solució i torna a provar-la.

10. Un overlay no substitueix el manteniment

Un botó flotant pot canviar l’aparença, però no garanteix que un menú nou funcioni amb teclat.

L’accessibilitat ha de formar part del disseny, desenvolupament, continguts i control de qualitat.

11. Un pla d’acció immediat

Tria tres tasques reals, prova-les sense ratolí i amb zoom i comprova els errors dels formularis.

Decideix qui revisarà els canvis futurs i utilitza les WCAG 2.2 com a referència.

WCAG 2.2 — W3C

🧑‍🦯 Blind Reader
Narrador a punt.

Guia per a persones cegues

Això és un resum funcional, no una lectura literal.

Ves a l’objectiu principal Salta a l’àrea principal d’acció (formulari, llista o contacte).

Ets en una pàgina de tipus: article. L’objectiu principal sembla que és: informar-te.

Hi ha 16 seccions a les quals pots saltar.

Abans de continuar:

Navega per objectius

Tria què vols fer. T’ho explico i després et demano confirmació abans de portar-t’hi.

  • Gestiona les galetes o els avisos Important: això pot bloquejar la navegació.
  • Ves al contingut de l’article
  • Ves als comentaris
  • Ves al final de l’article
  • Torna a Notícies (blog)
  • Notícia anterior
  • Notícia següent
  • Ves a Inici
  • Ves a About
  • Ves a Blind Reader
  • Ves a Withdrawal Button
  • Ves a Serveis
  • Ves a Blog
  • Ves a Contacte
  • Ves a English
  • Ves a Español
  • Ves a Polski
  • Ves a Română
  • Ves a Italiano
  • Ves a Français
  • Ves a Svenska
  • Ves a Deutsch
  • Ves a Nederlands
  • Ves a Português
Opcions dels objectius
Mode de confirmació

Tria amb quina freqüència t’he de demanar confirmació abans de portar-te a una secció.



Abast de l’aprenentatge (només per a “primera vegada”)

Lloc web: recorda aquest objectiu a tot el lloc web. Pàgina: el recorda per cada adreça de pàgina.


Guia progressiva

La guia anuncia una secció cada vegada.

Com funciona: Inicia la guia anuncia la primera secció clau i la mostra a la pantalla. Següent passa a la secció següent. Per portar el focus a la secció, fes servir Ves a la secció actual. Atura surt de la guia.

Estat: Guia inactiva

Ves a la secció actual Aquest enllaç s’actualitza a mesura que avança la guia.

Aquest article té aproximadament 460 paraules.

Mou el focus a l'inici del contingut, saltant menús i elements secundaris.

Quant a Blind Reader

Blind Reader és un assistent d’accessibilitat que analitza cada pàgina i n’explica en veu alta el propòsit, les seccions clau i les accions recomanades — dissenyat per a persones que fan servir lectors de pantalla.

Constructors de pàgines compatibles: Funciona amb qualsevol tema o constructor de pàgines de WordPress: Divi, Elementor, Gutenberg, WPBakery, Avada i altres. Llegeix el contingut real de la pàgina, no el marcatge del constructor.

Interfereix en el teu contingut? No canvia els teus textos ni el teu disseny. Només afegeix un tauler accessible i corregeix atributs tècnics d’accessibilitat (per exemple, noms de botons sense text) perquè els lectors de pantalla els anunciïn bé.

Com funciona? Analitza l’estructura de la pàgina (encapçalaments, enllaços, formularis, regions de referència) i genera un resum funcional. La guia i els objectius ajuden a navegar sense haver de recórrer tota la pàgina.

Drecera de teclat: Prem Alt + G per saltar directament al primer objectiu.