barrierefreies Webdesign Ingo Turski

zum Inhalt

Ingo

Tips und Tricks:Was macht einen guten Quelltext aus?

Gerade wer private Webseiten erstellt, hat die Möglichkeit, völlig ohne Zeitdruck zu arbeiten und seine Quelltexte wirklich zu optimieren. Das kann einem derzeit auch noch kein WYSIWYG What You See Is What You Get:
ein Programm mit grafischer Benutzeroberfläche,
in dem man das Design am Bildschirm entwirft
und der hieraus den Quelltext generiert.
-Editor abnehmen. Sehr gute xHMTL-Kenntnisse sind hierzu genauso erforderlich wie die Umsetzung der Empfehlungen des W3C World Wide Web (3*W) Consortium:
Zusammenschluß von Interessensgruppen aus Forschung
und Wirtschaft, der Empfehlungen und Vorschläge für
neue Internet-Standards (z.B. XHTML und CSS) erarbeitet.
 - inklusive der Richtlinien für Barrierefreiheit, die zunehmed an Bedeutung gewinnen. Als wesentliche Kriterien für einen guten Quelltext sehe ich:

  1. Validität - die Grundvoraussetzung für ein xHTML eXtensible HyperText Markup Language:
    Neuformulierung von HTML 4 auf Basis von XML;
    erweiterte Beschreibungssprache zur (hoffentlich)
    logischen Textauszeichnung von Internetseiten.
    -Dokument,
  2. Semantische Textauszeichnung - wichtig besonders für Textbrowser,
  3. Barrierefreiheit - der Grundstein hierzu wird im Quelltext gesetzt,
  4. Sinnvolle Nutzung der xHTML-Elemente - keine Layouttabellen oder „DIV-Wüsten“,
  5. Trennung von Inhalt und Layout - das Aussehen wird nur über CSS Cascading Style Sheets:
    Angaben zur Schriftformatierung und zum Layout einer Seite;
    können in gesonderten Dateien ausgelagert werden und
    ermöglichen die Trennung der Präsentation vom Seiteninhalt.
     definiert,
  6. Vermeidung überflüssiger Elemente und Attribute - übersichtlich und spart Ladezeit,
  7. Ausschöpung der Möglichkeiten - wie z.B. <link> für logische Dateibeziehungen,

Diese sieben Punkte sind unterschiedlich zu gewichten. Im folgenden Formular habe ich meine Bewertung für den Quelltext dieser Seite als Vorgabe eingegeben.
Javascript vorausgesetzt, können Sie dieses Formular für Ihre eigene Bewertung nutzen:

Validität?

Semantik?


Barrierefreiheit?

xHTML-Elemente?

CSS-Nutzung?

Optimierung?

Mehrwert?

Ergebnis: