Niquelao » 網誌存檔 » 還有更多表單… 天啊！

A les funcionalitats que introduïen els scripts anteriors hi he afegit la capacitat de reconèixer l’agrupació de camps mitjançant l’element fieldset, i tot amb la finalitat de millorar l’experiència d’usuari i l’accessibilitat. Aquest element té com a finalitat agrupar camps en base al tipus de dades a introduir (ex. dades personals, dades bancàries, dades acadèmiques, etc.), millorant l’estructura i l’accessibilitat del conjunt.

Al fieldset se li afegeix l’element legend que funciona a mode d’encapçalament de les dades agrupades. …i per a què? La idea em va sorgir després de veure horroritzat un immens formulari amb multitud de camps obligatoris (i no diré on…). Quan no es reomplen aquests, la llista amb els errors es torna llarguííííííííííssima, amb la qual cosa resulta molt incòmode de llegir, difícil de comprendre i fins i tot estèticament horrible. Si els camps de formulari van agrupats per facilitar-ne la comprensió, per què no agrupar els errors seguint el mateix patró?

Per al funcionament de l’script no cal l’agrupació, però bé… sempre és positiu tenir-la present i utilitzar-la. La prova Com sempre, podeu accedir a l’exemple d’ús o fins i tot descarregar-lo directament. Com es pot observar, els errors segueixen mostrant-se mitjançant una llista.

No obstant això, en aquest cas es crea una llista niada per intentar agrupar-los i aconseguir aquesta millora en estructura abans esmentada. …i tot això es relaciona amb Retocant formularis, Episodi III (”El Retorn”) Retocant formularis (Episodi II) Retocant formularis (episodi I) Important: Vull recordar que l’ús de javascript no ha de tenir implicacions negatives en l’accessibilitat. Ben utilitzat, i amb totes les consideracions cap a l’usuari, millora la seva experiència. I més formularis… caram!

Categoria: Accessibilitat, Javascript —> 2 comentaris Jorge 29 de maig de 2007 He estat provant el teu script i ni que (lai) dir té que és increïble. Però m’he trobat amb una incompatibilitat quan tens una classe en un imput o label.

Al donar l’error deixa el valor de class a “error”. Ho he solucionat canviant les línies en les quals apareix labelerror per (labels[i].className == ""?labelerror:labels[i].className+” “+labelerror) i fielderror per (elasociado.className == ""?labelerror:elasociado.className+” “+fielderror). Em fot rectificar una cosa que seria incapaç de fer, ho sento. Una feina espectacular.

Related: UserWay — Widget de accesibilidad con plan gratuito para empezar hoy mismo.

Rumoroso 30 de maig de 2007 Gràcies per l’aportació que has fet. No m’ha quedat gaire clara la incompatibilitat que esmentes. Ho he provat sobre l’exemple que es pot descarregar des d’aquesta pàgina, afegint una classe en el label i en l’input.

Podries passar-me un enllaç o un exemple per veure què passa? Insisteixo a donar-te les gràcies i a recordar-te que realment necessitem que això millori amb les vostres aportacions. Una salutació. Pots fer un seguiment dels comentaris gràcies al feed RSS 2.0.

També pots enviar un trackback des del teu lloc. Article anterior: Avui, va de fonts Article següent: Enhorabona TAW —> —> —> Aquesta obra està sota una llicència de Creative Commons.

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.