Barrierefreie Webseiten mit CSS

Seit Mai 2002 regelt das Behindertengleichstellungsgesetz die Gestaltung elektronischer Informationsangebote. Auch wenn diese Regelung sich vorrangig an Träger öffentlicher Einrichtungen richtet, empfehlen sich diese Rahmenbedingungen auch für gewerbsmäßige Anbieter. Barrierefreie Internetseiten beinhalten zum Beispiel Textalternativen für Grafiken, Animationen, die Navigation oder für Audiodateien. Sie bieten ausreichende Farbkontraste, machen Inhalte auch ohne Scriptsprachen zugänglich und verwenden keine veralteten Programmieranweisungen. Die CSS Sprache ist klar und einfach. Die saubere Trennung der Struktur eines Dokuments von seiner Formatierung mittels CSS ermöglicht so den barrierefreien Zugang für Menschen mit unterschiedlicher Wahrnehmung und unterschiedlicher technischer Ausstattung. Diese Schulung richtet sich an Webdesigner, die in der Lage sind, Webseiten in HTML oder mit gängigen WYSIWYG Editoren zu erstellen und nun die wesentlich umfangreicheren Möglichkeiten der Webseitengestaltung mit CSS nutzen wollen. Mache du deine Websiten auch für das Handy und vergleichbare Medien sichtbar. Im Anschluss an diese Schulung bist du in der Lage, Webseiten ausschliesslich auf Basis von CSS zu formatieren und kennst die syntaktischen Kniffe.

• Einführung in die CSS Schulung

• Grundlagen CSS

  • Vor- und Nachteile von CSS

  • Stylesheets einbinden

  • Rangfolge der Stylesheets

  • Ausgabemedien

  • Alternative Stylesheets anbieten

• Selektoren und Klassen in CSS

  • Aufbau von Stylesheets

  • Vererbung

  • Typ-Selektor

  • Webseite in Container zerlegen

  • Selektoren

  • Klassen-Selektor

  • ID-Selektor

  • Attribut-Selektor

  • Pseudoformate

• Eigenschaften der Schrift in CSS

  • Schriftart

  • Maßeinheiten

  • Schriftgröße

  • Eigenschaften vererben

  • Schnitte einer Schrift

  • Angabe der Schrift in Kurzform

• Texteigenschaften

  • Text ausrichten

  • Groß- und Kleinschreibung

  • Text hervorheben

  • Textabstand

  • Text einrücken

  • Richtung des Textes

• Farben in CSS

  • Farbwerte

  • Textfarbe ändern

  • Hintergrundfarbe eines Textes ändern

  • Andere Elemente einfärben

• Hintergründe

  • Hintergrundgrafik

  • Hintergrund positionieren

• Listen in CSS

  • Listentyp

  • Aufzählungszeichen einrücken

  • Listengrafik ändern

  • Kurzform der Aufzählung

  • Klassifizierung als Listenelement

• Zwischenräume und Rahmen

  • Rahmen

  • Separate Wertangaben

  • Konturen

  • Innenabstand

  • Außenabstand

• Tabellen in CSS

  • Klassifizierung von Blöcken

  • Tabellen beschriften

  • Rahmen darstellen

  • Rahmenabstand

  • Leere Tabellenzellen

  • Tabellenlayout

  • Zellen verbinden

• Positionieren

  • Elemente mittels CSS positionieren

  • Größe eines Elements

  • Überlauf festlegen

  • Element umfließen

  • Unsichtbare Elemente

  • Ebenen anlegen

• Inhalte und Zähler

  • Inhalte einfügen

  • Zähler einbinden

  • Cursor anpassen

• CSS Layout ohne Tabellen

  • Bereiche ineinander schachteln

  • Menü im Textfluss

  • Spalten

  • Navigations-Menü

• Formulare gestalten

  • Formularelemente färben

  • Kombinationsfelder einfärben

  • Schaltflächen gestalten

  • Komplettes Formular

• Ausdruck durch CSS optimieren

  • Stylesheets als Druckformat

  • Bestimmte Bereiche drucken

  • Inhalte steuern

  • Seiteneinstellungen steuern

• Sprachausgabe durch CSS

  • Unterschiedliche Stimmen erstellen

  • Lautstärke und Pausen

  • Sounds abspielen

  • Räumliche Effekte

  • Spezielle Spracheigenschaften

• Noch immer nötige "Hacks"

• Barrierefreie Informationstechnik-Verordnung (BITV)

• Zusammenfassung der CSS Schulung

Webdesigner, die in der Lage sind Webseiten in HTML zu erstellen und nun die wesentlich umfangreicheren Möglichkeiten der Webseitengestaltung mit CSS nutzen wollen, um barrierefreie Angebote zu erstellen.

Kenntnisse in HTML, idealerweise Besuch der HTML Schulung