Schöne Formulare in XHTML+CSS

IllustrationEin 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

Prettier Accessible Forms

Illustration 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

AJAX und Zugänglichkeit

erics Weblog - LogoEric Eggert zeigt in diesem Artikel eine Möglichkeit, die Zugänglichkeit von AJAX-basierten Webformularen zu verbessern. Es handelt sich um eine Übersetzung von »AJAX and Accessibility« aus dem Englischen.
--> Seite besuchen

Fallbeispiel 2: Formulare

GänseblümchenEin 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

CSS-Tutorial: Bessere Formulare

Ausschnitt aus dem Logo von Einfach Für AlleEin 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

Der vernünftige Alternativtext

Christoph Päper erläutert den richtigen Einsatz von alternativen Text bei Bildern. Dabei trennt er zwischen den verschiedenen Einsatzbereichen von Bildern: jeder Bereich erfordert unterschiedlichen Alternativ-Text.
--> Seite besuchen

Sind Tabellelayouts barrierefreier?

cmsblog-logoEin interessanter Beitrag von den Websozis zur Diskussion Tabellenlayout vs. CSS-Layout aus der Sicht der Barrierefreiheit.
--> Seite besuchen

Ein Herz für Tabellen - auch im barrierefreien Web

Eine Art Ehrenrettung der Tabelle. Timo Wirth bricht hier in einem sehr lesenwerten Artikel eine Lanze für Tabellen und empfiehlt, sie zwar nicht zum Layouten einzusetzen, aber ohne Scheu bei allen tabellarischen Inhalten. Er erläutert die Vorteile von korrekt eingesetzten Tabellen und erklärt, wie eine barrierefreie Tabellen aufgebaut ist. Eine noch detailliertere Anleitung (leider nur in Englisch) finden Sie bei webusability von Roger Hudson: Accessible Data Tables. Die CSS Table Gallery bietet eine Auswahl von verschiedenen Tabellendesigns. Die Seite ist inspiriert von csszengarden.com und erlaubt es allen Interessierten, zu vorgegebenen Tabellen eigene CSS-Designs hochzuladen. Eine sehr schöne deutsche Anleitung finden Sie im Blog von maczimal.de.
--> Seite besuchen

Barrierefreies Webdesign: Ein behindertengerechtes Internet gestalten

Logo Barrierefreies WebdesignHier finden Sie Tutorials, Buchbesprechungen, Linksammlungen und vor allem eine allgemeinverständliche Darstellung der Richtlinien der BITV, der Barrierefreie Informationstechnik-Verordnung. Sie können sich den Anforderungskatalog nach unterschiedlichen Kriterien anzeigen lassen. Auch die Linkliste ist sehr interessant.
--> Seite besuchen

Barrierefreies Webdesign: Einfach für Alle – Eine Initiative der Aktion Mensch

Ausschnitt aus dem Logo von Einfach Für AlleEine der wichtigsten Internetseiten zum Thema Barrierefreiheit im Intenet. Tagesaktuelle Informationen, Workshops, Anleitungen, ein Forum und Linksammlungen sind hier zu finden. Auch ein eigenes Blog ist hier zu finden, das EfA Access[B]log. Interessant ist auch der Downloadbereich - hier stellen die Macher der Site JavaScripts zum Skalieren der Schrift, zum Speichern der Besuchereinstellungen in Cookies, Style Sheets und einige PDFs zur Verfügung.
--> Seite besuchen

CSS.MAXDESIGN.COM.AU: Listen, Floats und Selects im CSS

Hundekopf - Logo von maxdesignAlles, was Sie schon immer über Listen wissen wollten - und viel mehr. Tabellenloses Design und Menüs mit Hilfe von Listen werden anhand einer Vielzahl von Beispielen beschrieben. Sie können alle Beispiele online testen und den Quellcode direkt auskopieren. Zusammen mit einer detailierten Anleitung (leider nur in Englisch)
--> Seite besuchen

Barrierfreie Navigationsmenüs

Ausschnitt aus dem Logo von Einfach Für AlleEiner der wichtigsten Artikel auf Einfach für alle ist für mich diese Anleitung zum Aufbau eines barrierefreien Menüs. Der Artikel beschreibt zunächst die Problematik und bringt dann in 5 Kapiteln eine ausführliche Anleitung.
--> Seite besuchen