Barrierefreie Websites und ergonomische Softwaregestaltung

Grafische Darstellung in mehreren Einzelteilen: Ein gesunder Volleyballspieler und ein Behinderter spielen gemeinsam mit der Erdkugel als Ball, der beim Betrachten aller Seiten des Angebots von einem zum anderen wandert. Unter dem fliegenden Ball befindet sich der Schriftzug WWW als Hinweis, daß die Erdkugel hier mit dem Internet assoziiert wird.

Volleyballspieler, aufrecht (Teil 1 von 3). Behinderter Volleyballspieler, im Rollstuhl (Teil 2 von 3). Die Erdkugel als *Volleyball*: Eine für alle. (Teil 3 von 3).

8.39 Artikel mit Tag Seitengerüst

Nachfolgend finden Sie eine verlinkte Liste aller Artikel unseres Angebots, die mit dem Tag Seitengerüst ausgezeichnet wurden.

Eingerückt unter der Artikelüberschrift finden Sie einen kurzen Anreißer-Text, der den Inhalt des Artikels zusammenfasst.

3.4.1 Beschreibung

Genereller Seitenaufbau: Jedes Template steht im Download-Bereich als zip-Datei zur Verfügung und enthält einen Ordner, in dem eine XHTML[48] -Datei sowie eine CSS[15] -Datei bereitgestellt werden. Die XHTML[48] -Datei enthält die Struktur, das Grundgerüst der Webseite. Über die CSS[15] -Datei werden alle enthaltenen Elemente formatiert.

Weiter lesen: Beschreibung

3.4.2 Template 1 in 2: Ein-Zeiler mit zwei Spalten

Ein-Zeiler mit zwei Spalten Das Template 1 in 2 ist ein Ein-Zeiler mit zwei Spalten. Eine mögliche Nutzungsvariante ist zum Beispiel links die Navigation und rechts der Inhalt.

Weiter lesen: Template 1 in 2: Ein-Zeiler mit zwei Spalten

3.4.3 Template 1 in 3: Ein-Zeiler mit drei Spalten

Ein-Zeiler mit drei Spalten Das Template 1 in 3 ist ein Ein-Zeiler mit drei Spalten. Eine mögliche Nutzungsvariante ist zum Beispiel links die Navigation, mittig der Inhalt und rechts aktuelle Mitteilungen.

Weiter lesen: Template 1 in 3: Ein-Zeiler mit drei Spalten

3.4.4 Template 2 in 1: Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich

Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich Das Template 2 in 1 ist ein Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben die Navigation und unten der Inhalt.

Weiter lesen: Template 2 in 1: Zwei-Zeiler mit jeweils einer Spalte im Kopf- und Inhaltsbereich

3.4.5 Template 2 in 2 mit Kopf: Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 2 mit Kopf ist ein Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben ein Bildelement, unten links die Navigation und unten rechts der Inhalt.

Weiter lesen: Template 2 in 2 mit Kopf: Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich

3.4.6 Template 2 in 2 mit großer Navigation: Zwei-Zeiler mit einer Spalte über zwei Zeilen links und zwei Zeilen als Kopf- und Inhaltsbereich rechts

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 2 mit großer Navigation ist ein Zwei-Zeiler mit einer Spalte über zwei Zeilen links und zwei Zeilen als Kopf- und Inhaltsbereich rechts. Eine mögliche Nutzungsvariante ist zum Beispiel links die Navigation, oben rechts Adressdaten oder bei Bedarf eine Unternavigation und unten rechts der Inhalt.

Weiter lesen: Template 2 in 2 mit großer Navigation: Zwei-Zeiler mit einer Spalte über zwei Zeilen links und zwei Zeilen als Kopf- und Inhaltsbereich rechts

3.4.7 Template 2 in 2: Zwei-Zeiler mit jeweils zwei Spalten im Kopf- und Inhaltsbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 2 ist ein Zwei-Zeiler mit jeweils zwei Spalten im Kopf- und Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben links ein Logo, oben rechts ein Bildelement, unten links die Navigation und unten rechts der Inhalt.

Weiter lesen: Template 2 in 2: Zwei-Zeiler mit jeweils zwei Spalten im Kopf- und Inhaltsbereich

3.4.8 Template 2 in 3 mit großem Inhalt: Zwei-Zeiler mit drei Spalten im Kopfbereich und zwei Spalten im Inhaltsbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 3 mit großem Inhalt ist ein Zwei-Zeiler mit drei Spalten im Kopfbereich und zwei Spalten im Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben links ein Logo, oben mittig eine horizontale, primäre Navigation, oben rechts Adressdaten, unten links eine vertikale, sekundäre Navigation und unten rechts der eigentliche Inhalt.

Weiter lesen: Template 2 in 3 mit großem Inhalt: Zwei-Zeiler mit drei Spalten im Kopfbereich und zwei Spalten im Inhaltsbereich

3.4.9 Template 2 in 3 mit Kopf: Zwei-Zeiler mit einer Spalte im Kopf- und drei Spalten im Inhaltsbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 3 mit Kopf ist ein Zwei-Zeiler mit einer Spalte im Kopf- und drei Spalten im Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben ein Grafikelement, unten links die Navigation, unten mittig der Inhalt und unten rechts aktuelle Mitteilungen.

Weiter lesen: Template 2 in 3 mit Kopf: Zwei-Zeiler mit einer Spalte im Kopf- und drei Spalten im Inhaltsbereich

3.4.10 Template 2 in 3: Zwei-Zeiler mit jeweils drei Spalten im Kopf- und Inhaltsbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 2 in 3 ist ein Zwei-Zeiler mit jeweils drei Spalten im Kopf- und Inhaltsbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben links ein Logo, oben mittig eine horizontale, primäre Navigation, oben rechts Adressdaten, unten links eine vertikale, sekundäre Navigation, unten mittig der Inhalt und unten rechts aktuelle Mitteilungen.

Weiter lesen: Template 2 in 3: Zwei-Zeiler mit jeweils drei Spalten im Kopf- und Inhaltsbereich

3.4.11 Template 3 in 1: Drei-Zeiler mit jeweils einer Spalte im Kopf-, Inhalts- und Fußbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 3 in 1 ist ein Drei-Zeiler mit jeweils einer Spalte im Kopf-, Inhalts- und Fußbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben eine horizontale Navigation, mittig der Inhalt und unten Adressdaten.

Weiter lesen: Template 3 in 1: Drei-Zeiler mit jeweils einer Spalte im Kopf-, Inhalts- und Fußbereich

3.4.12 Template 3 in 2: Drei-Zeiler mit jeweils zwei Spalten im Kopf-, Inhalts- und Fußbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 3 in 2 ist ein Drei-Zeiler mit jeweils zwei Spalten im Kopf-, Inhalts- und Fußbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben links ein Logo, oben rechts ein Bildelement, mittig links eine vertikale Navigation, mittig rechts der eigentliche Inhalt, unten links ein Verweis auf das Impressum und unten rechts Adressdaten.

Weiter lesen: Template 3 in 2: Drei-Zeiler mit jeweils zwei Spalten im Kopf-, Inhalts- und Fußbereich

3.4.13 Template 3 in 3: Drei-Zeiler mit jeweils drei Spalten im Kopf-, Inhalts- und Fußbereich

Zwei-Zeiler mit einer Spalte im Kopfbereich und zwei Spalten im Inhaltsbereich Das Template 3 in 3 ist ein Drei-Zeiler mit jeweils drei Spalten im Kopf-, Inhalts- und Fußbereich. Eine mögliche Nutzungsvariante ist zum Beispiel oben links ein Logo, oben mittig eine primäre, horizontale Navigation, oben rechts eine Suchen-Box, mittig links eine sekundäre, vertikale Navigation, mittig der eigentliche Inhalt, mittig rechts aktuelle Mitteilungen, unten links ein Verweis auf das Impressum, unten mittig Adressdaten und unten rechts ein Verweis auf eine Kontaktmöglichkeit.

Weiter lesen: Template 3 in 3: Drei-Zeiler mit jeweils drei Spalten im Kopf-, Inhalts- und Fußbereich

5.2 Seitengerüste für barrierefreie Webseiten (Download)

Nachfolgend finden Sie CSS[15] -basierte Seitengerüste (auch Vorlagen beziehungsweise Templates) zur Erstellung barrierefreier Webseiten in verschiedenen Grundlayouts. Für eine detaillierte Beschreibung der Templates lesen Sie bitte im Artikel Barrierefreiheit: Seitengerüste nach.

Weiter lesen: Seitengerüste für barrierefreie Webseiten (Download)

0.6.x Glossar zu dieser Seite

15 CSS
Cascading Style Sheet
38 Tag
Das dem englische entstammende Wort Tag hat im Deutschen viele Entsprechungen. Hier bei C2Web wird es meist im Zusammenhang mit der Tag Cloud verwendet und bedeutet so etwas wie Schlagwort oder Etikett . Gemeint sind jedenfalls (Schlüssel-)Worte, die einem Artikel angehängt werden, um seinen Inhalt zu kategorisieren und  -über die Tag Cloud -  Verbindungen zu anderen Artikeln herzustellen.
48 XHTML
Extensible Hypertext Markup Language

C2Web - Projektteam | Verwaltungs-Berufsgenossenschaft
Telefon: (07141) 919 372 | E-Mail: contact@c2web.de