OesterBlog

Letztens habe ich eine Firmenwebsite entdeckt, die nicht vor lauter Layouttabellen und Frames-Konstrukte strotzt. Ich war äußerst entzückt und habe mir deshalb erlaubt, sie ein bisschen genauer unter die Lupe zu nehmen.

Website: Delimon

Zuerst das Positive:

• Die Website benutzt DIV statt TABLE für das Layout und setzt auf CSS statt auf veralterte FONT- und andere missbilligte Elemente.
• Die meisten Seiten sind valide, sogar nach XHTML 1.0 Strict. xmlns und xml:lang sind korrekt gesetzt (auf vielen Seiten fehlt es, oder die Sprache ist als „en“ definiert). Nur an manchen Stellen hapert es an Kleinigkeiten.
• Optisch/grafisch sieht die Seite sehr gut aus. Anfangs dachte ich an eine Flash-animierte Seite; zum Glück lag ich falsch.
• Jede Seite verfügt über eine individuelle Title-Angabe.
• Überschriften-Elemente (H1) wurden durchwegs richtig benutzt.
• Das Navigationsmenü besteht aus einer ungeordneten Liste und ist ohne JavaScript zugänglich.
• Der Webmaster scheint sich sehr bemüht zu haben. Die Struktur ist ordentlich (besonders im Stylesheet) und einheitlich.

Nun zum weniger Guten.

Zugänglichkeit:

• Leider hat es der Webmaster versäumt, die Seite mit abgeschaltetem CSS zu testen. Denn ohne CSS (und ohne Bilder) bleibt man auf der Startseite hängen und kommt nicht weiter. Es fehlen Textelemente zu den (Hintergrund-)Bildern, die dann mittels CSS aus dem sichtbaren Bereich geschoben werden könnten.
• In Formularen werden Tabellen zum Positionieren der Elemente verwendet, und auf LABEL-Elemente, die Formulartitel mit den Eingabefeldern verbinden, wurde verzichtet.

Anderes:

• Aus Vor-CSS-Tagen scheint noch das BR-Element durch, das da und dort innerhalb anderer Elemente für Zeilenabstände genutzt wird.
• Das Design der Sitemap/Übersichtsseite entspricht nicht dem üblichen der Website, und sieht daher unübersichtlich und „fremd“ aus.
• Zum Herunterladen von Informationen ist ein Codewort nötig, das man sich umständlich über das Kontaktformular besorgen muss.
• Der Stern beim Kontaktformular wird nicht erklärt. Er bedeutet wohl, dass markierte Felder Pflichtfelder sind und ausgefüllt werden müssen.
• Aufgrund der fixen Außengrenzen der Website ist die Seite nicht flexibel beim Vergrößern des Inhalts.
• Es fehlen Skip-Links zum Überspringen des Navigationsmenüs.
• Eine Fehlerseite, die dem Benutzer weiterhilft, existiert nicht.

Alles in allem eine gelungene Website ohne Frontpage-Design, die aber noch einen letzten Schliff für bessere Zugänglichkeit benötigt.

Hoffentlich gibt es in Zukunft mehr solcher Websites. Damit der veraltete Schrott, auf den man beruflich täglich trifft, endlich ausgesorgt hat.

PS: Die Website wurde anscheinend von einem Firmenmitarbeiter gebaut und nicht von einer externen Design-Firma. Dies scheint ein Grund dafür zu sein, dass der Quelltext relativ angenehm ist. ;)