Know-How

• Die Grundlagen und Einführung .
• HTML-Techniken .
• Layout-Techniken .
• Verständlichkeit, Navigation und Orientierung .
• Andere Technologien in der Webgestaltung .
• HTML-Referenz .
• Weitere Hinweise .

Die Grundlagen und Einführung

Die Grundlage für das barrierefreie Webdesign ist die  Barrierefreie Informationstechnik-Verordnung (BITV). Die BITV beruht wiederum auf Richtlinien der Web Accessibility Initiative (WAI), die Sie ebenfalls in einer  Übersetzung auf dieser Website finden..

Warum sind derartige Vorgaben notwendig? Das Web ist unabhängig von Zeit und Ort. Jeder kann, sofern ein entsprechender Zugang zum Internet besteht, Informationen aus dem Web beziehen. Aber oft sind die Informationen nur mit bestimmten Endgeräten lesbar. Da Menschen mit Behinderungen entweder andere Geräte als der Durchschnitts-Surfer verwenden oder einen anderen Zugang zu ihrem Rechner als üblich haben, führen bestimmte Praktiken bei der Gestaltung von Webseiten zu Barrieren, die den Zugang zu Informationen verwehren.

• Die Grundlage - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Barrierefreies Design - eine Aufgabe für Internet-Architekten - Worauf kommt es bei Barrierefreiheit an?
  • Computer und Behinderung? - Der Nutzen des Computers ist für blinde Menschen größer als für die meisten anderen Menschen.
  • Surfer-Alltag - Erfahrungsbericht eines Sehbehinderten.
  • Wie Sand am Meer - was Screendesigner über barrierefreies Webdesign und insbesondere auch Sehbehinderung wissen sollten.
  • Anforderungen der BITV an die Webredaktion - was Content-Management-Systeme nicht leisten können.
  • Der Versorgungsauftrag der öffentlich-rechtlichen Fernsehanstalten und das Internet - Nicht nur die Verwaltung sollte Barrierefreiheit anstreben.

HTML-Techniken

• HTML-Techniken - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Großer fetter Text macht noch lange keine Überschrift - Überschriften sollen zur Gliederung von Inhalten eingesetzt werden. Auch die strukturelle Navigation benötigt den Einsatz von Überschriften.
  • Klare Formulare - Web als Kommunikationsform erfordert auch geeignete Kommunikationsmittel - ein Beitrag über HTML-Formulare.
  • Image-Maps und Barrierefreiheit - Wie Image-Maps richtig eingesetzt werden.

Layout-Techniken

• Barrierefreies Webdesign und Layout-Techniken - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Mythos "Textversion" - Die Textversion hat niemals zu den Anforderungen der Barrierefreiheit gehört. Dennoch wird sie gerne als "barrierefreie Version" verkauft.
  • CSS-Design in 3 (oder 5) Schritten - ein Tutorial für Einsteiger und Versierte.
  • Warum gestalten Sie nicht für Netscape 4? - Von Jeffrey Zeldman
  • Auf dem Holzweg - Von Jeffrey Zeldman
  • Der Einsatz von Frames - mit Beispielen aus dem Buch.

Verständlichkeit, Navigation und Orientierung

• Verständlichkeit, Navigation und Orientierung - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Texte im Web verständlicher schreiben - über die Anwendung des "Hamburger Verständlichkeitskonzepts"
  • Das Rückgrat eines Webauftrittes: Die Navigation - ein Tutorial über die Gestaltung einer wahrnehmbaren Navigation
  • Zett Punkt Bee Punkt - über die Auszeichnung von Abkürzungen im Web
  • Automatisieren der Auszeichnung von Abkürzungen und Sprachwechseln - Beitrag von Michael Gampe
  • Tabben statt Klicken - Tabulatorenreihenfolge mit tabindex.
  • Navigieren ohne Maus - mit dem Download des AccessKey-Pad.
  • Links öffnen im neuen Fenster - Zwischen Geräteunabhängigkeit, dem Verzicht auf JavaScript und der XHTML-Spezifikation

Andere Technologien in der Webgestaltung

• Ergänzungen zu HTML - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Gestaltung barrierefreier PDF-Dokumente - Einführung in das Thema "Barrierefreie PDF".
  • PDF und Barrierefreiheit - Tutorial für die Erzeugung zugänglicher PDF-Dokumente mit Microsoft Word 2003 und Adobe Acrobat 8.
  • Wie sich blinde Computernutzer PDF-Dokumente zugänglich machen - die Nutzung aus Sicht von Screenreader-Nutzer - Version 1.01 vom 1. November 2005.
  • Wie geht man mit Flash um? - Der Zugang zu Flash ist für blinde Besucher oft eine unüberwindbare Barriere.
  • Grafische Zugangscodes sperren blinde Internetnutzer aus - von Oliver Nadig

HTML-Referenz

• Referenz: Gültiges HTML - Überblick der Listen.
  
  
  • Referenz: Gültige HTML 4.01-Elemente - HTML-Elemente aus der aktuellen 4.01-Spezifikation
  • Referenz: Gültige HTML 4.01-Attribute - HTML-Attribute aus der aktuellen 4.01-Spezifikation
  • Die Unterschiede zwischen XHTML und HTML - Welcher HTML-Standard soll für das barrierefreie Webdesign eingesetzt werden?

Weitere Hinweise

• (Weitere) Aspekte der Barrierefreiheit - Überblick der Beiträge mit kurzer Beschreibung.
  
  
  • Statement zur Auftaktveranstaltung des Europäischen Jahres der Menschen mit Behinderungen - von Andreas Bethke.
  • EU will barrierefreies Internet - Die Aussage aus Brüssel zur Barrierefreiheit im Web.
  • Deutschsprachige Mailing-Liste - Informationen zur Mailing-Liste zum Thema "Barrierefreies Internet" (W3C-Büro Deutschland).
  • Mailing-Liste "Nachtflug": Ein Feedback-Tausch über Webseiten - Warum ist Feedback denn so wichtig?
  • Frontpage und Barrierefreiheit - Barrierefreiheit mit WYSIWYG-Software.
  • Studie zu barrierefreiem Webdesign - Empirische Belegung der Notwendigkeit eines barrierefreien Webdesigns.
  • Web Standards Project eingestellt - Alle modernen Browser können es: CSS

nach oben

Über das CSS-Design

Lesen Sie,  warum ich mich an die Standards halte und warum das Layout mit  Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der  Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?

Entspricht die Seite den W3C-Normen?

Die  Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie  Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.