ACCESIBILIDAD ≠ OVERLAY · 26

Accessibilitat ≠ Overlay: quan una finestra emergent bloqueja l’accés

📅 Octubre 2026   ·   ⏱ 7 min de lectura

Una finestra emergent pot ser útil, però si interromp una tasca o no es pot tancar esdevé una barrera.

01. El problema

Una finestra emergent pot ser útil, però si interromp una tasca o no es pot tancar esdevé una barrera.

02. No tots els diàlegs són iguals

No tots els diàlegs són iguals. Un modal impedeix interactuar amb el fons mentre és obert i necessita una gestió correcta del focus. Un avís no modal no hauria de bloquejar la pàgina.

03. Barreres habituals

Els errors habituals són obertures inesperades, botons de tancament sense nom accessible, pèrdua del focus, impossibilitat de fer servir Escape i contingut ocult.

04. Gestió del focus

Quan s’obre un modal, el focus ha d’entrar-hi; Tab i Maj+Tab han de recórrer els controls del diàleg i, en tancar-lo, el focus normalment ha de tornar al control d’origen.

05. Han de ser opcionals?

No totes les finestres han de ser opcionals: una confirmació essencial pot ser necessària. La interrupció ha d’estar justificada i ser comprensible.

06. Per què un overlay no basta

Un overlay no repara automàticament un diàleg mal programat. Canviar colors no crea un botó de tancament funcional ni corregeix el focus.

07. Com provar-ho

Prova-ho amb teclat, lector de pantalla, zoom i mòbil: obre, recorre i tanca el diàleg i comprova on queda el focus.

08. Conclusió

L’accessibilitat real exigeix components comprensibles i operables que no impedeixin completar les tasques.

♿ Accesibilidad ≠ Overlay · 26

Adapta tu Web