Logo Adobe Certified Expert (ACE) und Adobe Certified Instructor (ACI) für Adobe Acrobat

Aktuelle Links zum Thema: »Barrierefreie Techniken«

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.

Besprochene Seite besuchen

Kategorie: | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

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.

Besprochene Seite besuchen

Kategorie: | | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

Sind Tabellelayouts barrierefreier?
cmsblog-logoEin interessanter Beitrag von den Websozis zur Diskussion Tabellenlayout vs. CSS-Layout aus der Sicht der Barrierefreiheit.

Besprochene Seite besuchen

Kategorie: | | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

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.

Besprochene Seite besuchen

Kategorie: | |

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.

Besprochene Seite besuchen

Kategorie: | |

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)

Besprochene Seite besuchen

Kategorie: | | | | |

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.

Besprochene Seite besuchen

Kategorie: | | |

Seite 1 von 1 Seite(n)

 

Aktuelle Seminartermine:

Seminarkalender abonnieren

Icon einer Kalenderdatei
Seminarkalender als .ics-Datei: Für Kalenderanwendungen herunterladen (alle Systeme)
Icon einer Kalenderdatei
Seminarkalender für iCal: Kalender abonnieren (nur Mac OS X)