Accessibilitat ≠ Overlay: quan no es pot completar un formulari amb un lector de pantalla
Un formulari accessible és molt més que un conjunt de camps. Tothom l’ha de poder entendre, emplenar, revisar i enviar amb el teclat i el lector de pantalla.
El problema comença abans d’escriure
Un camp pot semblar evident visualment i anunciar-se només com a «quadre d’edició». Sense una etiqueta associada, la persona no sap si ha d’introduir el nom, el correu o el telèfon.
Etiquetes, instruccions i camps obligatoris
Cada control necessita un nom accessible i una etiqueta HTML ben associada quan correspongui. Cal comunicar els camps obligatoris i el format esperat abans dels errors; el text de mostra no substitueix l’etiqueta.
L’ordre del teclat també importa
La tecla Tab ha de recórrer els controls en un ordre lògic. Selectors, caselles, botons i calendaris han de funcionar sense ratolí, amb el focus visible i sense salts inesperats.
Errors que es poden entendre i corregir
Una vora vermella no explica què ha fallat. Cal identificar l’error amb text, relacionar-lo amb el camp afectat i permetre corregir-lo sense perdre les dades. Els avisos dinàmics s’han d’anunciar correctament.
Revisar i confirmar abans d’enviar
En compres i tràmits importants convé permetre revisar i confirmar la informació quan sigui pertinent. El botó d’enviament ha de tenir un nom clar i el resultat s’ha de comunicar de manera accessible.
Què diuen les WCAG
Les WCAG 2.2 inclouen etiquetes i instruccions (3.3.2), identificació d’errors (3.3.1), nom, funció i valor dels controls (4.1.2) i ús del teclat (2.1.1). Cal provar el comportament real.
Com ajuda Blind Reader
Blind Reader pot explicar la finalitat de la pàgina, facilitar la localització dels formularis, orientar la navegació i ajudar amb la veu. També aplica correccions automàtiques puntuals, com millorar l’anunci dels camps obligatoris. Complementa els formularis ben construïts.
Una prova senzilla abans de publicar
Completa el formulari amb teclat i amb NVDA, VoiceOver o un altre lector de pantalla. Identifica cada camp, provoca un error, corregeix-lo i confirma l’enviament. Si algun pas falla, queda una barrera.
Fonts i referències
Un formulari és accessible quan la persona pot acabar la tasca, no només quan el veu a la pantalla.
Lliurament 18 · Accessibilitat ≠ Overlay