ACCESIBILIDAD ≠ OVERLAY · 29
L’accessibilitat d’un web no depèn d’un botó flotant
📅 28 d’octubre de 2026 · ⏱ 9 min de lectura
Un botó flotant pot canviar l’aparença d’una pàgina. Però quan algú no pot completar un formulari, navegar amb el teclat o entendre un error, l’accessibilitat depèn del web real.
01. L’accessibilitat no s’instal·la al final
Els overlays acostumen a oferir ajustos de contrast, mida del text o espaiat. Poden ajudar, però no reparen automàticament els components del web.
L’accessibilitat ha d’estar present en el disseny, el desenvolupament, els continguts i el manteniment.
02. Més enllà de l’aparença
Un botó amb només una icona necessita un nom accessible. Els camps necessiten etiquetes associades i els encapçalaments una jerarquia coherent.
Canviar colors o tipografies no proporciona la semàntica que falta als lectors de pantalla.
03. Una compra que no es pot acabar
Imagina una botiga amb un widget. En obrir un diàleg de confirmació, el focus del teclat queda darrere de la finestra i la persona no pot continuar.
Ampliar el text no ho resol. Cal gestionar correctament el focus, els controls i el tancament del diàleg.
04. Els continguts també creen barreres
Les imatges informatives necessiten alternatives textuals adequades. Els enllaços han de tenir sentit fora de context i els errors han d’explicar com solucionar-los.
La claredat del llenguatge i de les instruccions és part essencial de l’accessibilitat.
05. Teclat i tecnologies de suport
Recorre el web amb Tab i Maj+Tab. Comprova que el focus és visible, que pots activar els controls i que no quedes atrapat en cap menú.
Prova també formularis i missatges amb un lector de pantalla i revisa l’experiència al mòbil.
06. Què no pot garantir un overlay
Un botó flotant no acredita el compliment de les WCAG ni substitueix una auditoria. Les eines automàtiques detecten alguns errors, però no valoren tota l’experiència real.
Les actualitzacions i els nous formularis poden introduir barreres; cal revisar-los contínuament.
07. Una prova pràctica de cinc minuts
Tria una tasca: contactar, cercar un servei o comprar. Aparta el ratolí i intenta completar-la només amb el teclat.
Anota els bloquejos, els focus invisibles, les etiquetes absents i els errors confusos. Després corregeix-los a l’origen.
08. Construir accessibilitat real
Utilitza HTML semàntic, components accessibles i continguts clars. Dissenya focus visibles, formularis comprensibles i missatges d’error útils.
Pren les WCAG 2.2 com a referència, combina proves manuals i automàtiques i incorpora l’accessibilitat al manteniment. No s’afegeix amb un botó: es construeix.