Website-Struktur (Seite 2)

Auf diesen Seiten finden Sie Erläuterungen und Hilfen zu Struktur und Bedienung von <kes> online, der Website der Fachzeitschrift <kes>.

• Browserunabhängigkeit, Style Sheets
• Valides HTML, Barrierefreiheit/Accessibility
• Aktive Inhalte/Cookies
• Kritik/Feedback
• Frames, Bildschirmauflösung, Skalierbarkeit der Schriften (Seite 1)
• Navigationsmenüs, Bookmarks, Icons (Seite 1)
• Farbcodes, Erläuterungen zu Akronymen und Abkürzungen (Seite 1)

Browserunabhängigkeit/CSS

Die Web-Seiten auf <kes> online sind weitest gehend browserunabhängig erstellt. Alle neueren Versionen der verbreiteten grafischen Webbrowser (Internet Explorer, Navigator/Communicator, Opera sowie Browser auf Basis der Gecko-Engine) sollten die Seiten nahezu gleichartig darstellen (vgl. Screenshots).

Ansicht im Internet Explorer

Ansicht im Navigator/Communicator

Ansicht in Opera

Nutzung von <kes> online (März 2003)

Unsere Seiten machen zwar intensiven Gebrauch von Cascading Style Sheets (CSS), bleiben aber auch bei eingeschränkter oder fehlender CSS-Unterstützung sowohl in grafischen als auch in Text-Browsern gut lesbar (vgl. Screenshots). Sollten Sie neuere Artikel aus dem Heft- oder Online-Archiv ohne CSS ausdrucken oder auf dem Bildschirm anzeigen, so erhalten Sie oben auf der Seite eine Zusammenfassung von "Ordnungsmerkmalen" (Erscheinungsdatum, Rubrik, Autorenangabe usw.), die von der Darstellung mit CSS deutlich abweicht (den Grund hierfür finden Sie weiter unten im  Abschnitt zur Barrierefreiheit erläutert). Nach diesem "Kopf" stimmt die Ausgabe aber im Wesentlichen überein. Beim Ausdruck mit CSS werden Navigationselemente nicht wiedergegeben (diese wären ja in der gedruckten Fassung ohne Funktion).

Ein Navigieren von der Leitseite aus ist auch in Browsern ohne Frame-Suppport möglich – derzeit stehen dabei ausgewählte Ziele zur Verfügung, eine Erweiterung auf vollständige Navigation außerhalb von Frames ist für die nächsten Monate geplant.

Darstellung mit beschränkter
CSS-Unterstützung (Amaya 7.2)

Darstellung komplett
ohne CSS (in Opera)

Darstellung im
Textbrowser ( html2text)

Navigation ohne
Frames (Amaya 7.2)

Ansicht im alten Navigator/Communicator
Version 4.x

Durch die mangelnde Unterstützung von CSS und auch "neueren" HTML-Elementen sind allerdings bei der Nutzung mit Netscapes Navigator Version 4.x einige Abstriche nicht zu vermeiden (z. B. schreiben diese Browser den HTML-Code – für einen Gedankenstrich aus, statt ihn als "–" darzustellen). Normalerweise sollte hierunter nur das Erscheinungsbild leiden, die Inhalte von <kes> online sollten jedoch zu nutzen sein. Ein besonderes Style Sheet berücksichtigt die eingeschränkten Möglichkeiten des Browsers und sollte größere Darstellungsprobleme verhindern.

Valides HTML/Accessibility

Bei der Erstellung und Prüfung unserer Webseiten legen wir Wert auf syntaktische und semantische Korrektheit sowie auf weit gehende Barrierefreiheit. Als Richtlinien hierfür dienen die Spezifikationen und Empfehlungen des  World Wide Web Consortium (W3C) zu  HTML 4.01 und  CSS2 sowie die  Web Content Accessibility Guidelines (WCAG) 1.0 der W3C  Web Accessibility Initiative (WAI).

Zur Gewährleistung der syntaktischen Korrektheit der Seiten auf <kes> online prüfen wir neue Strukturen und Style Sheets manuell mit den Validation Services des W3C für  HTML und  CSS; bei der Erstellung jeder einzelnen Seite sorgt das Tool  HTML Tidy für korrekten HTML-Code. Sofern der "Weiterleitungs-Bezug" (HTTP Referer), den Browser bei der Anwahl eines Links standardmäßig aussenden, nicht unterdrückt wird, können Sie auf vielen unserer Seiten durch einen Klick auf das "W3C Valid HTML"-Icon im Seitenfuß für sich selbst eine Prüfung der jeweiligen Seite anstoßen. Sollten Sie dabei einen Fehler finden, sind wir für einen Hinweis per E-Mail dankbar. Zur entsprechenden Prüfung unseres aktuellen Style Sheets können Sie auf unseren neuesten Seiten direkt das "W3C Valid CSS"-Logo verwenden – auf den meisten Seiten verweist der dahinter steckende Link allerdings nur auf die Leitseite des CSS-Validators, wo Sie gegebenenfalls die URL der zu prüfenden Seite angeben müssten (in unserem Fall http://www.kes.info/kes.css).

Frühere HTML-Struktur
von <kes>-Artikeln
(Strukturansicht in Amaya 7.2)

Für die semantische Korrektheit von Textauszeichnungen und Webseiten-Strukturen ist eine automatisierte Prüfung naturgemäß kaum möglich, der Einsatz bestimmter HTML-Elemente für einen konkreten Zweck wohl häufig diskutabel. Vielen Menschen ist zudem die semantische Natur vieler HTML-Codes überhaupt nicht bewusst: Allzu oft werden beispielsweise Überschriften mit <font size="+2"> lediglich größer dargestellt, anstatt per Headline-Tag <h1> bis <h6> klar als solche gekennzeichnet. Unsere älteren Seiten haben zwar bereits eine klare Semantik für die verschiedenen Überschriftenebenen genutzt, diese aber nicht in strenger Hierarchie verwendet, wie es die WCAG empfehlen, um eine schnelle Grob-Navigation anhand der Gliederungs-Tiefe zu ermöglichen. Die redesignten HTML-Fassungen der <kes>-Artikel nutzen nunmehr zusätzliche Gliederungsebenen (die üblicherweise durch CSS ausgeblendet werden), um eine vollständige Hierarchie umzusetzen; einige Elemente werden auch erst durch die CSS-Darstellung in den Seitenkopf platziert. Bei Ausdruck oder Darstellung ohne CSS stellen zusätzliche Textelemente (CSS-Klasse "trennung", vgl. Screenshot) sicher, dass auch ohne die von der gedruckten Ausgabe gewohnte räumliche Anordnung von Rubrik und Schlagwort eine klare Zuordnung der Gliederungselemente möglich bleibt. Beide Schemata ermöglichen es, automatisch aus den H1- bis H6-Einträgen ein aussagekräftiges Inhaltsverzeichnis zu erstellen. Das kann beispielsweise der  W3C-Browser Amaya, mit dem der Anwender auch durch einen Klick in einen solchen Inhaltsverzeichniseintrag zur entsprechenden Stelle der Webseite navigieren kann.

Neue HTML-Struktur
von <kes>-Artikeln
(Strukturansicht in Amaya 7.2)

Automatisch erstelltes
Inhaltsverzeichnis
(Amaya 7.2)

Die Anforderungen der WCAG für barrierefreie Internetseiten haben vor allem die Zugänglichkeit von Webinhalten für Menschen mit Behinderungen zum Ziel, die auf spezielle technische Hilfsmittel angewiesen sind (z. B. Vorlese-Software, Braille-Zeilen usw.). Allerdings profitiert vermutlich auch jeder andere Besucher von den Vorgaben zur klaren Gestaltung und Auszeichnung der Seiten. Auch Anwender von weniger weit verbreiteten Webbrowsern oder womöglich Nutzer mobiler Geräte mit kleinem Display, die aufgrund geringer Übertragungsbandbreiten standardmäßig keine Grafiken übermitteln (oder nur Textdarstellung kennen), dürften die Betonung alternativer Inhalte und einfach gehaltenen Webdesigns zu schätzen wissen. Die neueren Seiten auf <kes> online sollten alle WCAG-Anforderungen mit Priorität 1 erfüllen, die meisten Anforderungen mit Priorität 2 und auch bereits einige mit Priorität 3; auch ältere Archiv-Seiten sollten zumindest den größten Teil der Priorität-1-Vorgaben erfüllen. Da allerdings eine ernsthafte Konformitätsprüfung von Webseiten einen enormen Aufwand darstellt, haben wir uns entschieden, vorerst keine Konformitätslogos zu verwenden. Zudem erscheint eine vollständige Level-2-Konformität derzeit allein schon aufgrund der unterschiedlichen Interpretation der Quotation-Tags (<q> und <cite>) durch die verbreiteten Webbrowser unmöglich; die geforderte Auszeichnung von Zitaten ließe sich im Moment damit nicht umsetzen, ohne für verschiedene Browser verschiedene HTML-Seiten anzubieten.

Aktive Inhalte/Cookies

<kes> online verwendet grundsätzlich keinerlei Cookies, ActiveX-Controls oder Inhalte, die ein bestimmtes Plug-in erfordern (z. B. Flash o. Ä.). Lediglich die Seiten in der InfoZoom-Sektion benötigen Java und die InfoZoom-Druckfunktion auch JavaScript. Auf diesen Seiten ermöglicht ein Applet die Online-Recherche umfangreicher Tabellen; das Applet benötigt jedoch keine Zugriffsrechte auf den lokalen Rechner.

Kritik/Feedback

Ihre Anmerkungen, Lob und Kritik zu unserem neuen Web-Design nehmen wir gerne per E-Mail unter der Adresse webfehler@kes.info entgegen. Sollten Ihnen Darstellungsprobleme – auch mit "exotischen" Browsern – auffallen, so sind wir für einen Hinweis dankbar (möglichst mit Screenshot).

• zum Seitenanfang mit Sprungmenü
• zurück zu Seite 1