ACCESIBILIDAD ≠ OVERLAY · 28

Accessibilitat ≠ Overlay: un overlay no corregeix els problemes de fons

📅 Octubre 2026   ·   ⏱ 7 min de lectura

Un panell que modifica el contrast o la mida del text pot ajudar, però no demostra que el web sigui accessible.

01. L’aparença no és l’estructura

Un panell que modifica el contrast o la mida del text pot ajudar, però no demostra que el web sigui accessible.

02. Errors de codi i semàntica

Botons sense nom accessible, camps sense etiqueta i encapçalaments incorrectes necessiten canvis en el codi.

03. Contingut comprensible

Les imatges informatives requereixen alternatives textuals adequades i les instruccions han de ser clares.

04. Teclat i focus

Menús, diàlegs i formularis han de funcionar amb teclat, focus visible i ordre de navegació lògic.

05. Tecnologies de suport

Els lectors de pantalla i altres eines interactuen amb la pàgina real. Una capa addicional no ha d’interferir-hi.

06. Què cal provar

Utilitza Tab, Maj+Tab i Enter. Prova també un lector de pantalla i un mòbil, i comprova les tasques essencials.

07. Corregir l’origen

Avalua segons les WCAG, combina proves automàtiques i manuals, i corregeix components i continguts.

08. Conclusió

L’accessibilitat es dissenya, es desenvolupa, es manté i es verifica. Un overlay no substitueix aquesta feina.

W3C — WCAG 2.2 · Adapta tu Web

🧑‍🦯 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 13 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 225 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.