Beispiel für Strukturierung eines Textes
Struktur von Textinhalten
Eine gute Strukturierung von Text-Inhalten ist für Sehende wie für Nutzer assistiver Technologien wichtig. Sehende erfassen Webseiten visuell: Sie orientieren sich an Überschriften, erkennen Absätze, Listen oder Tabellen und können Webseiten damit leicht überblicken und gezielt auf Inhalte zugreifen.
HTML semantisch richtig anwenden
Wichtig ist zunächst, dass HTML-Elemente und -Attribute ihrem Zweck nach eingesetzt werden, denn es geht nicht nur um die Darstellung von Inhalten am Bildschirm, sondern auch um die Semantik im Quellcode.
HTML-Elemente (Liste aller Elemente)
Tipps
- Überschriften zur Strukturierung des Textes verwenden
- Überschriftenhierarchie berücksichtigen (keine Ebene auslassen):
h1, h2, h3, h4, h5, h6
Überschriften sind aussagekräftig und wiederholden sich nicht. - Listenformatierung: ul, ol statt Bindestriche und Zahlen
- Listen bestehen aus mindestens 2 Punkten
- Tabellen für ausschließlich tabellarische Daten
- Keine leeren Absätze benutzen
- Elemente entsprechend ihrer Semantik verwenden, nicht nach optischen Gesichtspunkten.