Barrierefreies Webdesign und Layout-Techniken

Im Wesentlichen gibt es drei Alternativen, ein Design in HTML umzusetzen: mit Tabellen, mit Frames oder mit Cascading Style Sheets (CSS). Auch wenn letztere der Königsweg ist, so sind die ersten beiden wesentlich leichter umzusetzen. In den folgenden Beiträgen erfahren Sie, wie Sie Ihr Layout barrierefrei gestalten. Dabei ist das Beifügen einer Nur-Text-Variante, wie es viele CMS-Anbieter zu verkaufen versuchen, kein Ausdruck der Barrierefreiheit, sondern nur eine weitere Barriere auf Ihrem Webauftritt!

• Mythos "Textversion" - Die Textversion hat niemals zu den Anforderungen der Barrierefreiheit gehört. Dennoch wird sie gerne als "barrierefreie Version" verkauft.
  
  Anbieter von Redaktionssystemen und auch Internetagenturen verkaufen die sogenannte Textversion als barrierefreie Fassung eines Webauftritts. Es ist allerdings ein Irrglaube, dass solche Seiten Barrieren abbauen, im Gegenteil: Es ist meist der Nachweis für die Nicht-Einhaltung von Webstandards und letztlich auch der Unprofessionalität. Weil die Inhalte der Textversion fast immer aus der gleichen Datenbank gespeist werden wie die andere Version, ist die Textversion kein Stückchen barrierefreier.
  
  
• CSS-Design in 3 (oder 5) Schritten - ein Tutorial für Einsteiger und Versierte.
  
  Das CSS-Design ist die hohe Kunst der Webprogrammierung. Was sich auf dem ersten Blick als nachvollziehbar und umsetzbar erscheint, stößt oft dann an bestimmte Grenzen, wenn ein Layout mit einem WYSIWYG-Editor zur Bearbeitung des Layouts eingesetzt wird. Mit dieser Einführung soll anhand eines konkreten Beispiels gezeigt werden, das CSS-Design gar nicht so komplex ist, wie es am Anfang vielleicht erscheinen mag.
  
  
• Warum gestalten Sie nicht für Netscape 4? - Von Jeffrey Zeldman
  
  Ein Beitrag über die teilweise erheblichen Mängel in dem leider immer noch häufig eingesetzten 4er Browser von Netscape. Zeldman erklärt, warum CSS-Design so wichtig ist und dass deswegen der unverhältnismäßig hoher Aufwand, ein Design für Netscape 4 anzubieten, erforderlich wird.
  
  
• Auf dem Holzweg - Von Jeffrey Zeldman
  
  Ein weiterer Beitrag zum Thema CSS-Design. Es werden vor allem Fragen beantwortet, die typischerweise bei der ersten Auseinandersetzung mit der "Fine Art des Webdesign" entstehen.
  
  
• Der Einsatz von Frames - mit Beispielen aus dem Buch.
  
  Manchmal ist der Einsatz von Frames sehr nützlich. In diesem Beitrag erfahren, was Sie berücksichtigen müssen, damit diese Layout-Technik auch barrierefrei umgesetzt werden kann.
  
  

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.