Ein barrierefreies Formular mit Accesskeys, mit einer leicht verständlichen, deutschsprachigen Anleitung. Interessant ist auch die Diskussion in den zahlreichen Kommentaren, die auf Besonderheiten in verschiedenen Browsern eingeht.
--> Seite besuchen
Nick Rigby erläutert bei »A LIST apart« eine weitere Methode, schöne und gleichzeitig barrierefreie Formulare zu erstellen. Das Besondere an seinem Ansatz ist die CSS-Anweisung display: inline-block;, mit dessen Hilfe er dem <label>-Attribut eine feste Breite zuweisen kann. Damit vermeidet er den Einsatz von floatenden Elementen. Vorteil: auch die IE unterstützen diese Technik. Nachteil: diesmal fallen die Mozilla-Browser raus (incl. Firefox). Um Firefox doch zu unterstützen setzt er den proprietären Tag -moz-inline-box ein, kombiniert mit einem doch recht aufwändigen JavaScript. Ich halte diesen Ansatz zwar für sehr interessant, aber auch für reichlich aufwändig.
--> Seite besuchen
Roger Johansson gibt einen umfassenden Überblick über die Gestaltung von einzelnen Formularelementen mit CSS – sehr wertvoll sind vor allem die zahllosen Screenshots, die acht Browser auf Mac und Windows direkt miteinander vergleichen (via F-LOG-GE)
--> Seite besuchen
Im Dr. Weblog beschäftigt sich Vitaly Friedmann mit »Formulare und Umfragen: Moderne Lösungen« und präsentiert Formulare in modernem, schönen Gewand.
--> Seite besuchen
Ein Tutorial von David Maciejewski auf macximal über die Gestaltung von Formularen mit Hilfe von CSS. Ziel aller Fallbeispiele bei macxinal sind barrierefreie Internetseiten, also Formulargestaltung ohne Einsatz von Tabellen.
--> Seite besuchen
Ein Tutorial bei einfach-fuer-alle.de, das sich mit der Gestaltung von Formularen mit Hilfe von CSS auseinandersetzt. Ziel ist die Erstellung von barrierefreien Formularen ohne Einsatz von Tabellen. Das Tutorial besteht aus vier Teilen, wobei im letzten Teil auch strittige Themen diskutiert werden.
--> Seite besuchen