Cascading Style Sheets (CSS) sind Anweisungen für einen Browser, die Angaben zu Layout und Formatierungen enthalten. Die ersten Standards für CSS wurden 1996 vom W3C veröffentlicht und seitdem wurden die Standards auch weiterentwickelt. Bis zum Jahr 2001 waren jedoch viele Browser nicht in der Lage, CSS-Anweisungen zu verstehen.
Mittlerweile sind die Browserhersteller alle mehr oder weniger auf dem gleichen Stand (Ausnahmen wie iCab oder OmniWeb bestätigen dabei die Regel). Ob Microsoft, Netscape, Mozilla, Opera oder Safari, alle sind in der Lage, die "Fine Art" der Webprogrammierung umzusetzen.
CSS ist auch ein Aspekt des barrierefreien Design, denn durch die Trennung von Inhalten (HTML) von der Präsentation (CSS) wird es dem Benutzer ermöglicht, eigene Formatvorlagen anzuwenden. Außerdem stellt ein CSS-Design gewissermaßen Anforderungen an die Strukturierung im HTML einer Datei, die der linearisierten Ausgabe beispielsweise mit Sprachausgabe sehr zu Gute kommen.
In der Vergangenheit war es so, dass CSS zwar für Formatierungen eingesetzt wurde, nicht jedoch für Layout. Durch die Verwendung von CSS für das Layout und somit auch das Design einer Website kommen einige Vorteile zur Geltung:
Übersicht
Dieser Beitrag wurde von ![[intern]](../../lib/img/intern.gif){kind=small}
Jan Eric Hellbusch verfasst. Hellbusch ist Autor der beiden gleichnamigen Titel " Barrierefreies Webdesign". Mit "2bweb.de" bietet er ![[extern, deutsch]](../../lib/img/de.gif)
Schulung und Beratung für barrierefreies Internet.
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.
Die ![[intern]](../../lib/img/intern_hellblau.gif){kind=small}
Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das AccessKey-Pad mit Alt+6.
Verwenden Sie Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.
![[intern]](../../lib/img/intern_dunkelblau.gif){kind=small}
