Webseiten bestehen aus mehreren Ebenen, wobei es wichtig ist, diese zu trennen:
- Die erste Ebene ist der Inhalt der Seite und die Struktur dieses Inhalts
- Die zweite Ebene ist die Präsentation: das Design der Webseite und alles auf dieser Seite
Diese Trennung ist für Menschen, die eine Assistenztechnologie nutzen, besonders wichtig, da die Präsentation der Website dann auf der vom HTML-Code definierten Struktur basiert. Der Besucher ist somit nicht mehr auf die visuelle Gestaltung angewiesen, sondern kann alle für die Struktur des Textes relevanten Informationen (Titel, Untertitel usw.) der korrekten Struktur des HTML-Codes entnehmen.
Wie wendet man das an?
Folgen Sie den folgenden 2 Zeilen, um Inhalt und Struktur von der Präsentation zu trennen:
- Struktur in HTML: Geben Sie die Bedeutung von Teilen der Webseite mit Hilfe von HTML-Code an. Beispielsweise Überschriften, Absätze, Tabellen, Formulare, usw. Verwenden Sie die Schaltflächen des Editors im CMS, um diese Teile auf der Webseite zu platzieren.
- Präsentation in CSS: Verwenden Sie CSS, um die Seitenteile zu gestalten. CSS ist eine Sprache zur Gestaltung von Webseiten. CSS-Dateien werden vom Ersteller erstellt. Wenn Sie eine Webseite im CMS erstellen, wird das Design automatisch über die CSS-Datei übernommen.
Verwenden Sie aufgrund des Designs keine HTML-Elemente
Verwenden Sie HTML-Elemente wegen ihrer Bedeutung und nicht nur aus Designgründen, um eine bestimmte Form zu erhalten.
Beispiel
Verwenden Sie HTML-Elemente nicht nur aus Designgründen
Sie können beispielsweise mit dem Element <strong> (die Schaltfläche für „fett“ im CMS-Editor) nur Wörter markieren, die eine starke Betonung haben. Es ist nicht beabsichtigt, eine Überschrift mit diesem Element zu markieren. Sie sollten das <h2> oder das <h3> Element verwenden. Umgekehrt sollten Sie keine Überschrift aus einem Text erstellen, der keine Überschrift ist, um diesem Text ein bestimmtes Design zu geben.
Auch die folgenden Seiten haben damit zu tun:
- Korrektes HTML-Element für die Struktur einer Webseite
- Verwenden Sie keine Bilder von Text, sondern echten Text
Für Redakteure
Der Redakteur muss sicherstellen, dass er HTML-Elemente wegen ihrer Bedeutung und nicht wegen ihres Designs verwendet.
Für Entwickler
Der Entwickler muss die Webseite so gestalten, dass das Design getrennt vom Inhalt mit CSS angewendet wird. Er muss auch sicherstellen, dass der Redakteur über die Schaltflächen im Editor das richtige HTML-Element für Teile des Inhalts anwenden kann.