LautundKlar weBlog

Warum standardkonformes XHTML?

Der XHTML-Code enthält den Inhalt und definiert die Struktur des Dokuments in seiner reinsten Form. Dabei werden die einzelnen Bestandteile des Web-Dokuments nach ihrer Bedeutung markiert. Die Auszeichnungssprache XHTML wird daher auch als semantischer Code bezeichnet.

Der Code übermittelt nur, aus welchen Bestandteilen die digitalen Botschaft besteht, nicht aber wie die Botschaft dargestellt werden soll. Ihre individuelle Ausformung erhält die digitale Botschaft erst durch ein zweites Dokument, das Stylesheet (CSS), welches medienspezifisch ausgeliefert wird. An Desktop-Computer wird beispielsweise ein mehrspaltiges Layout mit Bildschirm-freundlichen Fonts und einer vertikalen Navigationsleiste geschickt, an Handhelds wird ein einspaltiges Layout ausgeliefert mit kleinen Schriften und einer horizontalen Menüleiste, an Sprachbrowser wird nur Text (ggf. mit Betonungen) geschickt und an den Drucker eine Version, bei der Navigationsleiste und Bilder ausgeblendet sind und Links automatisch mit vollständiger URL angezeigt werden. One document serves all.

Eine standardkonforme XHTML Seite bietet folgende Vorteile:

  • Darstellbarkeit der Website auf verschiedensten Ausgabemedien wie Handhelds, Handys, Screenreadern für Blinde etc.
  • ein übersichtlicher Seitenaufbau
  • schnelleres Laden der Seiten
  • Optimierung für Suchmaschinen
  • Benutzerspezifische Schriftanpassung für Alle
  • extra Textversion der Webseite
  • extra Druckversion der Seite
  • skalierbare Seiteninhalte.

Standardkonforme XHTML Seiten
können mehr für das barrierefreie Internet leisten:

  • Multi-Media: aural, screen, print - ein Dokument für zahlreiche Medien
  • Benutzerdefinierte Auswahl von Schriften, Kontrasten, Farben
  • Navigationsmodule ohne Tabellen, Java-Scripte, Applets, Flash etc.
  • Fluid Design: Layout passt sich automatisch an das Ausgabemedium an
  • Feste Navigationsmodule, die nicht wegscrollen, ohne Frames
  • Unterscheidung zwischen Alt-Tags (Bild-Text, kein Mouseover) und Title-Tags (Link-Text als Mouseover)
  • Kontextspezifischer Mauszeiger
  • Access-Keys und Tab-Index zum Navigieren mit der Tastatur