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

Aktuelle Links zum Thema: »Barrierefreiheit«

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: | | | |

Pro Barrierefreiheit
Logo ProBarrierefreiheitEigentlich der Internetauftritt einer Webagentur, die barrierefreien Seiten erstellt, aber recht informativ: sie bietet weiterführende Links auf andere Seiten, die sich mit dem Thema beschäftigen, Links zu beispielhaft gestalteten Seiten sowie technische Anleitungen zu unterschiedlichen Themen und Buchempfehlungen. Interessant vor allem der Ansatz, die Besucher gleich auf der Startseite in »Entscheider«, »Entwickler« und »Redakteure« aufzusplitten und jeder Zielgruppe unterschiedliche Inhalte anzubieten. Vor allem der Bereich für die »Entscheider« ist interessant, da hier auch einmal die Kostenfrage diskutiert wird.

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: | | |

Online Generatoren zu buchstäblich allem.
Logo von Dr. WebSven Lennartz hat für das Dr. Web Weblog eine unglaublich umfangreiche Liste von Online-Generatoren zusammengestellt: zu CSS, Farben, Email, Favicon, Formularen, php, robots.txt, Popups, RSS und noch viele Themen mehr.

Besprochene Seite besuchen

Kategorie: | | | | | |

Barrierefreie PDF-Dokumente
Ausschnitt aus dem Logo von Einfach Für AlleIm Artikel »PDF-Dokumente – lesbar für Alle« wird detailliert erläutert, was ein PDF-Dokument barrierefrei macht und wie man es erstellen kann beziehungsweise wie man vorhandene PDF-Dokumente nachträglich barrierefrei machen kann. Der Artikel kann als (barrierefreies) PDF heruntergeladen werden. Interessant hierzu ist auch der Artikel von Joe Clark, der sich speziell auf barrierefreie PDF-Dokumente für das Inernet bezieht: Fakten und Meinungen zur Barrierefreiheit von PDF.

Besprochene Seite besuchen

Kategorie: | | |

Barrierekompass
Logo BarrierekompassBarrierekompass heisst der Internetauftritt der anatom5 perception marketing GbR, eine Agentur, die barrierefreies Webdesign und vor allem Schulungen zu diesem Thema anbietet. Auf ihrer Webseite und vor allem dem Weblog findet man immer wieder gute Artikel zu diesem Thema. Sie bieten ausserdem einen Barrierecheck von Internetauftritten, der für Firmen, Verwaltungen und Organisationen prinzipiell kostenlos ist, allerdings nicht, wenn diese Firmen selbst Dienstleistungen im Bereich Webdesign anbieten.

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)