Struktur und Semantik

HTML-Elemente richtig verwenden.

Beispiel für Strukturierung eines Textes
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:
    h1, h2, h3, h4, h5, h6
  • 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.
Zum Seitenanfang