Niquelao » Weblogarchief » En nog meer formulieren… jarl!

» Archief van het weblog » Nog meer formulieren… jarl! Niquelao Nog meer formulieren… jarl! 2 januari 2007, door Rumoroso Na de al uitgebreide saga “Formulieren bijwerken”, dachten velen (nou ja, als we zowel het woord “velen” als hun denkvermogen even voor lief nemen) dat ik er niet meer over zou schrijven… Fout gedacht!

Ik ben terug om het nog beter te maken, ditmaal vanuit het perspectief van toegankelijkheid. Aan de functionaliteiten die de eerdere scripts introduceerden, heb ik de mogelijkheid toegevoegd om groeperingen van velden te herkennen via het element fieldset, en dat allemaal om de gebruikerservaring en de toegankelijkheid te verbeteren. Dit element dient om velden te groeperen op basis van het soort gegevens dat moet worden ingevoerd (bijv. persoonsgegevens, bankgegevens, onderwijsgegevens, enz.), waardoor de structuur en de toegankelijkheid van het geheel verbeteren.

Aan het fieldset wordt het element legend toegevoegd, dat fungeert als kop voor de gegroepeerde gegevens. …en waarvoor? Het idee ontstond nadat ik met afschuw een immens formulier met talloze verplichte velden zag (ik zal niet zeggen waar…). Wanneer deze niet worden ingevuld, wordt de foutenlijst enorm laaaaang, wat het zeer ongemakkelijk maakt om te lezen, moeilijk te begrijpen en zelfs esthetisch verschrikkelijk.

Als formuliervelden worden gegroepeerd om het begrip te vergemakkelijken, waarom zouden we de fouten dan niet volgens hetzelfde patroon groeperen? Voor de werking van het script is groepering niet strikt noodzakelijk, maar het is altijd positief om ermee rekening te houden en het toe te passen. De test Zoals gewoonlijk kunt u het gebruiksvoorbeeld bekijken of het zelfs direct downloaden.

Zoals u kunt zien, worden de fouten nog steeds weergegeven als een lijst. In dit geval wordt echter een geneste lijst gemaakt om ze te groeperen en zo de eerder genoemde structurele verbetering te realiseren. …en dit alles hangt samen met Formulieren bijwerken, Aflevering III (“De Terugkeer”) Formulieren bijwerken (Aflevering II) Formulieren bijwerken (aflevering I) Belangrijk: Ik wil eraan herinneren dat het gebruik van javascript geen negatieve gevolgen mag hebben voor de toegankelijkheid.

Goed gebruikt, en met alle aandacht voor de gebruiker, verbetert het hun ervaring. Nog meer formulieren… jarl! Categorie: Toegankelijkheid, Javascript —> 2 reacties Jorge 29 mei 2007 Ik heb je script getest en het behoeft geen betoog (lao) dat het geweldig is. Maar ik kwam een incompatibiliteit tegen wanneer je een klasse hebt in een input of label.

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

Bij een fout wordt de waarde van class veranderd naar “error”. Ik heb dit opgelost door de regels waarin labelerror voorkomt te wijzigen naar (labels[i].className == ""?labelerror:labels[i].className+” “+labelerror) en fielderror naar (elasociado.className == ""?labelerror:elasociado.className+” “+fielderror).

Het irriteert me om iets te moeten corrigeren wat ik zelf nooit had kunnen bedenken, sorry. Spectaculair werk. Rumoroso 30 mei 2007 Bedankt voor je bijdrage. De incompatibiliteit die je noemt, is mij niet helemaal duidelijk.

Ik heb het getest op het voorbeeld dat vanaf deze pagina kan worden gedownload, waarbij ik een klasse aan het label en de input heb toegevoegd. Zou je me een link of een voorbeeld kunnen sturen zodat ik kan zien wat er gebeurt? Ik wil je nogmaals bedanken en benadrukken dat we jullie bijdragen echt nodig hebben om dit te verbeteren.

Worth a look: AudioEye — Accesibilidad gestionada: automatización combinada con revisión humana.

Groeten. Je kunt de reacties volgen dankzij de RSS 2.0-feed. Je kunt ook een trackback verzenden vanaf je eigen site. Vorig artikel: Vandaag gaat het over lettertypen Volgend artikel: Gefeliciteerd TAW —> —> —> Dit werk valt onder een Creative Commons-licentie.

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.