mumaha

Hi!

Ich würde gerne meine Formulare etwas ausgefallener, übersichtlicher
und von der Useability her, besser gestalten...

Ich hatte zuvor versucht die <select>-Struktur dafür zu "missbrauchen"
auf die einzelnen <option>-Strukturen Hintergrund-Grafiken via CSS
anzuwenden oder gar mehrere Container darin unter zu bringen.

Ergebnis: geht nicht, da nur reiner Text darin dargestellt werden kann
und via CSS das Ganze auch nicht wirklich gestaltet werden kann.

Kurzer Hand hatte ich die Idee das <select>-Feld von seinem Wesen her
im jQuery umzusetzen, indem ich eine Kombination aus HTML-Containern
so dynamisiere, dass die Anmutung und das Handling exakt der Useability
eines <select>-Feldes entspricht, wiederum aber sehr viel freizügiger
per CSS zu gestalten ist (Hintergrund, Float etc.).

Das Ganze sollte möglichst so abstrakt und OO programmiert sein,
dass man das Ganze leicht einrichten, evtl. an PHP-Scripte koppeln
und mehrer solcher "Pulldowns" parallel betreiben kann.

Ich hab jetzt ne Ewigkeit schon mich durchs Web gegooglet,
diverse "navi-menüs" versucht zweckzuentfremden - Aber dafür scheinen
meine JS/jQuerry-Kenntnisse einfach nicht auszureichen

Ich wollt mal kurz fragen ob ihr mir weiter helfen könnt...

... ob es so etwas irgendwo gibt?
... ob ihr sowas könnt und was das kosten würde, wenn ihr das programmiert?
... ob es irgendwelche Tutorials gibt, die mich dazu befähigen könnten?

Ich werd derweil mal einwenig weiter probieren und mal den Basics auf die schliche kommen...

Vielen Dank

Mister Ad

nikosch

Sicher gibts das, nur hat das mit Deinem Plan überhaupt nichts zu tun.

Barrierearmut erreicht man,
- indem man Standardelemente verwendet, die auch ohne Stylesheet oder JS funktionieren
- indem man labels, fieldsets usw. korrekt verwendet
- indem man seine Formulare semantisch gestaltetn, Tabellen vermeidet
- indem man Selects (v.a multiple) möglichst vermeidet, weil dieses Element eigentlich das am Schlechtesten zu Bedienende ist
- indem man u.U. WAI-ARIA-Standards ergänzend benutzt

Technikwürze 158 – Formulare total 2 (Barrierefreie Formulare)

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--