Technische Details

Zugriff auf die Homepage

Einfache Navigation: Die einzelnen Seiten sind intuitiv strukturiert und man kommt von jeder Seite mit wenigen Mausklicks überall hin. Wichtige Informationen sind leicht zugänglich und schnell verfügbar.
Behindertengerechter Zugang: Nicht jeder benutzt zum Betrachten von Internetseiten einen Monitor. Deshalb ist es notwendig, Inhalte so aufzubereiten, dass sie z.B. auch auf einem Screenreader oder auf einem Blindenschrift-Display abrufbar sind. Richtlinien dazu gibt es, sie sind auch in einer deutschen Übersetzung im WWW zu finden.
Verzicht auf Technologien, die den Zugriff beeinträchtigen könnten: Die meisten Leute werden unsere Homepage wohl besuchen, um sich über die Schule zu informieren oder schnell einige Dinge (Sprechstunden, Termine,...) nachzuschauen. Animationen, große Grafiken mit langen Ladezeiten und ähnliche „coole“ Dinge würden hier nur stören und vom eigentlichen Inhalt ablenken.

HTML, CSS und andere technische Details

Keine Optimierung für einen bestimmten Browser: Diese Seiten sind optimiert für ... einen Computer und einen Monitor. Nicht nur das, auch andere Ausgabegeräte sollten keine Probleme haben, die nötigen Informationen zu liefern (siehe weiter oben). Für das Schreiben von Internetseiten gibt es genaue Richtlinien, die vom World Wide Web Consortium (W3C) herausgegeben werden. Die wichtigsten davon sind auch in einer deutschen Übersetzung erhältlich.
Das Verwenden proprietärer Elemente und Technologien (also von nicht standardkonformen Inhalten) führt zu deutlicher Mehrarbeit bei der Pflege von Internetseiten. Erstens muss man mehrere Versionen der Seiten bereitstellen (für jeden Browsertyp eine) und zweitens könnte beim Erscheinen der nächsten Browserversion die Technologie bereits obsolet sein.
Gute Zugänglichkeit bedeutet aber nicht, dass man auf moderne Technologien verzichten muss, wie auf der Seite Acessibility Myths, die auch in einer deutschen Übersetzung vorhanden ist, nachgelesen werden kann.
Eine weitere empfehlenswerte Seite zu diesem Thema ist "Diese Seite ist optimiert für..." - mit Kunden diskutieren.
Trennung von Inhalt und Design: Mit der Einführung von HTML 4 wurde vom W3C die Möglichkeit geschaffen, alle Elemente, die das Layout betreffen (Schriftart, -größe, -farbe, Absatzformatierung, Hintergrund,...) auszulagern. Das hat vor allem den Vorteil, dass Seiten dadurch viel leichter administrierbar werden, da alle Formatierungen nur mehr ein mal vorgenommen werden müssen. Außerdem wird der Seitencode von allen überflüssigen Formatierungen befreit, was ihn leichter lesbar macht und die Seiten schneller laden lässt.
Falls ein Browser kein CSS versteht, bleiben die Seiten dennoch voll benutzbar. Es werden einfach die im Browser eingestellten Schrift- und Absatzformatierungen verwendet und die Elemente der Seite eventuell anders platziert. Am Informationsgehalt ändert sich dadurch aber nichts.
Verwendung von Tags zur logischen Strukturierung: Dafür sind sie schließlich da. Das <table>-Tag bezeichnet eine Tabelle und war nie dafür gedacht, eine Seite in ein Layout zu zwingen. <blockquote> ist keine Einrückung sondern ein Zitat. Und Überschriften sind selbstverständlich mit <h1> bis <h6> hierarchisch geordnet. Logische Struktur ist besonders im Hinblick auf verschiedene Ausgabegeräte notwendig (nicht jeder benutzt dazu einen Monitor), damit der Aufbau einer Seite schnell erfasst werden kann.
Keine absolute Festlegung der Schriftgröße im Fließtext: Einer der wesentlichen Vorteile von HTML ist die Flexibilität bei der Ausgabe. So hat jeder Benutzer die Möglichkeit, eine für seine Bedürfnisse passende Schriftgröße festzulegen. Ich fände es unhöflich, diese Einstellungen nicht zu respektieren. Für CSS-fähige Browser habe ich eine Größe von 100% festgelegt. Dadurch erscheint Text (auch der, den Sie gerade lesen) immer so groß, wie Sie es in Ihrem Browser eingestellt haben. Die Überschriftengrößen sind z.B. mit 140% für <h1> absteigend bis 90% für <h6> eingestellt.
Mögichst wenig Frames: Obwohl Frames auf vielen anderen Seiten im Internet sehr ausgiebig verwendet werden, habe ich mich aus mehreren Gründen dagegen entschieden. Die Nachteile sind meiner Meinung nach schwerwiegend genug, sich den Einsatz von Frames sehr gut zu überlegen. Eine genauere Abhandlung darüber findet man auf der Seite Warum Frames out sind.

Anmerkung: Eine Sehr empfehlenswerte und leicht verständliche Seite zu technischen Details der Webseitengestaltung ist Subotnik: Beiträge zu HTML, CSS und Netzkultur von Michael Nahrath.

Michael Frankenstein