Abonnieren
Lisardo EDV Beratung
Katharinengasse 20, Rückgebäude
Eingang über Bleigäßchen 5
86150 Augsburg
Tel.: 0821-150565
Fax: 0821-150595
E-Mail: info@lisardo.de
Schöne Formulare in XHTML+CSS
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.
Kategorie: CSS und HTML | CSS-Formulare | Barrierefreiheit | Barrierefreie Techniken
Prettier Accessible Forms
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.
Kategorie: CSS und HTML | CSS-Formulare | Barrierefreiheit | Barrierefreie Techniken
AJAX und Zugänglichkeit
Eric 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.
Kategorie: Barrierefreiheit | Barrierefreie Techniken | JavaScript | AJAX | JS barrierefrei
Fallbeispiel 2: Formulare
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.
Kategorie: CSS und HTML | CSS-Formulare | Barrierefreiheit | Barrierefreie Techniken
CSS-Tutorial: Bessere Formulare
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.
Kategorie: CSS und HTML | CSS-Formulare | Barrierefreiheit | Barrierefreie Techniken
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.
Kategorie: CSS und HTML | HTML und XHTML | Barrierefreiheit | Barrierefreie Techniken
Sind Tabellelayouts barrierefreier?
Ein interessanter Beitrag von den Websozis zur Diskussion Tabellenlayout vs. CSS-Layout aus der Sicht der Barrierefreiheit.
Kategorie: Webworking | CSS und HTML | Tabelle vs. CSS-Layout | Barrierefreiheit | Barrierefreie Techniken
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.
Kategorie: CSS und HTML | CSS-Tabellen | Barrierefreiheit | Barrierefreie Techniken
Barrierefreies Webdesign: Ein behindertengerechtes Internet gestalten
Hier 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.
Kategorie: Barrierefreiheit | Barrierefreiheit allgemein | Barrierefreie Techniken
Barrierefreies Webdesign: Einfach für Alle – Eine Initiative der Aktion Mensch
Eine 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.
Kategorie: Barrierefreiheit | Barrierefreiheit allgemein | Barrierefreie Techniken
CSS.MAXDESIGN.COM.AU: Listen, Floats und Selects im CSS
Alles, 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)
Kategorie: Webworking | CSS und HTML | CSS-Listen | CSS-Menus | Barrierefreiheit | Barrierefreie Techniken
Barrierfreie Navigationsmenüs
Einer 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.
Kategorie: Webworking | CSS und HTML | Barrierefreiheit | Barrierefreie Techniken
Seite 1 von 1 Seite(n)
Abonnieren
