mbnWebdesign - Über diese Website

Die Schriftgrößen sind flexibel. Sie können diese entsprechend Ihren Bedürfnissen und ohne Probleme in Ihrem Browser unter Ansicht einstellen. Zum Beispiel:

Mozilla Firefox | Ansicht > Schriftgrad

Windows IE | Ansicht > Textgröße

Für alle Seiten liegen Druckversionen vor, diese sind mittels CSS optimiert. Mit der Druckvorschau des Browsers (unter Datei) ist das sofort zu erkennen und macht eigentlich Extraseiten für den Druck überflüssig.

Da viele Nutzer nicht davon ausgehen, dass es eine CSS-Datei für die Druckausgabe gibt oder diese Lösung gar nicht kennen, wird dennoch ein "Druckansicht"-Link angeboten. Diese Lösung ist mit php realisiert.

Sie können also wählen:
• Browser | Datei > Druckvorschau > Drucken
• oder auf jeder Seite (Kopfbereich) Link Druckansicht > Drucken

Für die farbliche Gestaltung wurden wenige, zueinander kontrastreiche Farben (rosa bis weinrot zu grau und schwarz) verwendet. Die Farbpalette können Sie ggf. mit Hilfe der Color Information Ihres Browsers einsehen. Die dunkle Schrift steht auf weißem Hintergrund.

Bis auf die Hauptüberschrift der einzelnen Rubriken mit Times Roman, Serif wurden durchgängig die Serifenlosen - Verdana, Helvetica, Arial, Sans Serif verwendet. Die Schriftgröße ist flexibel einstellbar. Ggf. ist auf Ihrem Browser das Tool Display Typographic Information einstellbar. Sie können damit die typografische Struktur, die einzelnen Überschriften (entsprechend php) Schriftblöcke dieser und anderer Seiten überprüfen.

In Hinblick auf Barrierefreiheit wird gefordert, dass Websites sich dem sichtbaren Bereich des Browserfensters anpassen. Die Seiten dieser Website sind flexibel, sie passen sich jeder Größe (von 800 x 600 >) des Broserfensters an, ohne dass das Layout zerstört wird. Dies wird durch Floating, flexible Höhen und Breiten der "CSS-Boxen" erreicht, sowie durch die Verwendung von Hintergrund- bzw. nur kleineren Grafiken im Vordergrund. Es wurden keine Layout-Tabellen als Seitengerüst verwendet.

Die Site besteht aus sieben Hauptseiten, die logische Struktur ist gut erkennbar, lange Texte werden in Abschnitten präsentiert und in einer Sidebar einzeln angeboten. Die Navigation ist einfach bedienbar. Semantisch richtige und valide Webseiten werden von Suchmaschinen aufgewertet, was unbedingt ein Vorteil im Web ist.

Diese Website ist auch ohne Styling gut lesbar. Probieren Sie es aus, indem Sie alle Styles in Ihrem Browser abschalten. Für Benutzer, die über einen Text-Browser verfügen ist diese Website vernünftig nutzbar.

Die Seiten sind auch in einer Graustufen-Darstellung nutzbar und damit auch für farbenblinde Nutzer verwendbar. Alle Links sind gut erkennbar.

Es kann zusammengefasst festgestellt werden, dass diese Website durch gute Lesbarkeit, Skalierbarkeit, eine logische Struktur und die Positionierung der Elemente mit CSS auffällt. Xphp und CSS sind weitgehend valide (Xphp 1.0 Transitional). Weitere wichtige Techniken sind der Einsatz von sogenannten Sprungmarken, womit Benutzer von Screenreadern (z.B. "Navigation überspringen") das Lesen erleichtert wird; ein Sprachwechsel ist stets kenntlich gemacht; Abkürzungen sind definiert; inhaltlich relevante Bilder sind mit einem alternativen Text versehen. Die Schaltflächen für die Navigation (Menü) sind ebenfalls mit CSS realisiert, das erspart unnötig viel Quelltext und sperrt Benutzer nicht aus (wie möglicherweise mit JavaScript oder mittels Plug-ins).

Die CSS Angaben sind in eine externe Datei ausgegliedert, dass minimiert unter anderem die Dokumentengröße, damit hat diese Website kurze Ladezeiten.

Verweise auf andere Dokumente sind gestylt innerhalb
1. der Menüs / 2. des Textes.

1. Menüs
Benutzen Sie jeweils das Hauptmenü, dass sich im Haeder (Kopf) der Seite befindet und das Nebenmenü, dass Ihnen die Auswahlmöglichkeiten für die Seitenansichten bietet.

2. Text
Das Styling der Links im Text ist hier entsprechend der Klassen / den Zielen geordnet dargestellt:

• Links allgemein:

  Links	Styling
  noch nicht besuchte Ziele	hellrot, angeklickt oder bei "MouseOver" grau unterstrichen
  besuchte Ziele	rot (dunkler), angeklickt oder bei "MouseOver" grau unterstrichen




• Zusätzliches Styling entsprechend der Verweisziele:

  Ziel	Styling
  extern	markiert mit Pfeil, zusätzlich hellgrauer Hintergrund bei "MouseOver"
  innerhalb der Site	Zielangabe im Tooltipp
  innerhalb der Seite	keine Ankerangabe




• Zusätzliches Styling entsprechend eines besonderen Verweiszieles:

  Besonderheit	Styling
  Glossar	zusätzliche Textauszeichnung: kursiv

Folgende Beispiele stehen für die Auszeichnung im Text als:

Textbeispiel - als betonter, wichtiger Text ("emphatisch"p>

Textbeispiel - mit der Bedeutung "stark betont"

Textbeispiel - mit der Bedeutung Beispiel oder zusätzliche Info

Textbeispiel - mit der Bedeutung "weiter im Text wie angegeben"p>

Textbeispiel - mit der Bedeutung "dies ist die Quelle oder der Autor"p>

Textbeispiel - Begriff, der anschließend definiert wird.

T-Bsp. - mit der Bedeutung "dies ist eine Abkürzung"

Textbeispiel - mit der Bedeutung "dies ist ein Zitat mit Quellenangabe"