Informationen zur Realisierung von barrierefreies-webdesign.de

• Motivation .
• Grafisches Design .
• CSS-Design in 3 (oder 5) Schritten .
• Warum ist dieser Webauftritt barrierefrei? .

Motivation

Dieser Webauftritt entstand im Oktober 2001 als Web-"Visitenkarte" für das  Knowware-Heft "Barrierefreies Webdesign". Schon in dieser Anfangszeit zeichnete sich eine stetig wachsende Besucherzahl ab, und als das Behindertengleichstellungsgesetz im Mai 2002 in Kraft trat sogar sprunghaft. Zu diesem Zeitpunkt war jedoch die  Barrierefreie Informationstechnik-Verordnung noch in der Diskussion, so dass ich es für sinnvoll hielt, meine Übersetzung der  Web Content Accessibility Guidelines 1.0 ins Netz zu stellen, damit sich Interessierte ein Bild vom Thema machen konnten. Seitdem ist die Website weiter gewachsen und enthält viele weitere  Artikel zum Thema.

In Oktober 2004 erschien auch endlich mein Buch  Barrierefreies Webdesign - Praxishandbuch für Webgestaltung und grafische Programmoberflächen. Zusammen mit 14 weiteren Autoren ist ein umfassendes Werk in Ergänzung zu diesem Webauftritt entstanden. Wer sich einen Eindruck des Themas machen möchte, dem empfehle ich folgende zwei Links:

• Inhaltsverzeichnis des Buches - Gliederung des Buches mit der Angabe der Autorenschaft
• Barrierefreie Informationstechnik im Überblick - 9 wichtige Aspekte der Barrierefreiheit

Grafisches Design

Das grafische Design wurde Anfang 2003 von der Internetagentur  Xplain entworfen. Es wurde besonders auf die kontrastreiche Gestaltung geachtet, wobei das ansprechende Design gleichzeitig ruhig wirken sollte. Das Design wurde abgenommen, nachdem in größeren Kreisen von sehbehinderten Anwendern keine Verbesserungswünsche mehr geäußert wurden.

CSS-Design in 3 (oder 5) Schritten

CSS-Design war für diesen Webauftritt von Anfang an vorgesehen. Es ging nicht nur darum, eine schlanke Seite ohne den Ballast von Tabellen und Frames zu bauen, sondern eben auch um ein barrierefreies Design. Prinzipiell ist die Verwendung von Tabellen und Frames keine Barriere von vorneherein, aber mit CSS ist es nun mal einfacher, barrierefrei zu gestalten.

Lesen Sie bitte das Tutorial  CSS-Design in 3 (oder 5) Schritten, das Ihnen die Vorgehensweise beim CSS-Design detailliert erläutert. Das Tutorial verwendet als Beispielseite  Web ohne Barrieren, weil das CSS dort etwas besser für den Einstieg ins Thema geeignet ist als das CSS dieser Website.

Warum ist dieser Webauftritt barrierefrei?

Die Belegung der Barrierefreiheit können Sie in dem Beitrag  Warum ist diese Website barrierefrei? nachlesen. Die Dokumentation ist anhand der  Designprinzipien der Web Content Accessibility Guidelines 2.0 (WCAG2) in der Working Draft-Version vom 8. Januar 2003 gegliedert. Der Entwurf der WCAG2 wird ständig weiterentwickelt. Sie finden weitere Informationen in  Die vier Prinzipien der Web Content Accessibility Guidelines 2.0 .

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.