Skip to content

Waldhof und die Webstandards

Sorry, but this one has to be in German!

Die Webkrauts haben zu Beginn der Bundesligasaison 2007/08 die Webseiten aller 36 Erst- und Zweitbundesligisten auf moderne Webstandards getestet. In zehn Kategorien wie Validität, Semantik, Schriftgröße oder JavaScript-Einsatz konnten die Seiten punkten, so dass es am Ende maximal 30 Punkte zu holen gab. Das (ernüchternde) Ergebnis: Spitzenreiter Mainz 05 kam auf sehr gute 26 Punkte, doch immerhin ein Viertel der Vereine musste sich mit einer einstelligen Punktzahl begnügen.

Die Idee der Webkrauts fand ich wirklich gut, und so beschloss ich, die Webseite meines Lieblinlgsvereins, des SV Waldhof Mannheim, hinsichtlich des Einsatzes von Webstandards unter die Lupe zu nehmen. Denn diese Webseite sollte zum Start der Oberliga-Saison in neuem Glanz erstrahlen. Leider verzögerte sich der Releasetermin des neuen Webauftritts um Wochen, aber als leidgeprüfter Waldhof-Supporter lässt man sich durch solche Petitessen nicht aus der Ruhe bringen. Außerdem gab es in der Zwischenzeit durchaus wichtigere Fragen zu klären. Nun aber ist die Webseite online, und ich habe mich mal an eine Untersuchung gewagt.

Beim Besuch der Webseite des SVW gilt es zunächst, die in blau gehaltene Vorschaltseite wegzuklicken, bevor man den eigentlichen Inhalt erreicht. Dort verrichtet im Hintergrund das CMS Joomla seinen Dienst, und das sieht man auch, denn Layout und Design erinnern sehr an altbackenes Standard-CMS-Design. Immerhin ist das ein Fortschritt gegenüber der ehemaligen Flash-basierten Seite. Ein Blick auf den Quelltext offenbart, dass hier offenbar ein Standardtemplate ohne allzu große Sachkenntnis mittels Layout-Tabellen und dergleichen angepasst wurde. Auffällig ist auch ein per JavaScript durchscrollender Shopbereich links unten. Valides XHTML, wie in der Dokumenttypdefinition versprochen, liefert die Seite (fast schon erwartungsgemäß) nicht, und auch bezüglich der Semantik liegt einiges im Argen: Korrekt ausgezeichnete Überschriften und andere sinnvolle Elemente sind Mangelware.

Die Navigation immerhin ist übersichtlich und über das Menü links auch ohne JavaScript gut zu bedienen, auf überflüssige Effekte wurde größtenteils verzichtet. Auch bei großer Schrift bleibt die Seite bis auf die rechte Spalte les- und benutzbar, allerdings macht dies aufgrund der festen Breite des Layouts nicht sonderlich viel Spaß. Die wichtigsten Bilder sind mit <alt>-Attributen versehen.

Alles in allem hätte es schlimmer kommen können. Die neue Webseite des SVW ist zwar nicht unbedingt eine Augenweide, aber funktionell und übersichtlich. Der Code hätte durchaus sauberer, semantischer und moderner sein können - er entspricht, sozusagen, dem Liganiveau. Andererseits hätte sich die Seite in der Webkrauts-Abschlusstabelle durchaus einen Mittelfeldplatz erkämpfen können. Einzig nervig ist die Art und Weise, wie der Fan-Shop integriert ist, zumal er direkt unter dem Menüpunkt "Fans" verlinkt ist. Echte Fans trösten sich aber sowieso auf einer der vielen Fansites, aus denen ich exemplarisch Waldhof Online und WikiWaldhof hervorheben möchte.

DivX Stage6 and valid XHTML

DivX Stage6 is a video sharing platform not unlike YouTube. One of the differences is that users can upload their DivX-encoded videos that can be played in the browser using the DivX Web Player. Now, Stage6 even offers some HTML and Javascript code to include any video in your blog or on your web site. The problem is that this code does not validate. Maybe the JS code does, but I have not tried it because, you know, what if JS is turned off ... I just wanted to do it the plain XHTML way.

People have tried to find a solution that validates, but so far I couldn't find one. Until I came across A Smartass Education's code. It seems to build on earlier solutions for inserting Flash and Quicktime movies, so the author seems to have some experience with the topic. I took the relevant parts from their code and put them on a blank XHTML page. And to my surprise, the video plays in Firefox, IE, and Opera, and the Firefox HTMLTidy extension does not give me any errors. Now how great is that? Still, I'm not sure if this solution really adheres to web standards. Basically, what gives me a headache, is putting one object inside another. I'd be really glad if you gave me feedback on this. Here's the code:

<div style="margin:auto;">
<object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab" height="240" width="320">
    <param name="src" value="http://video.stage6.com/1342802/.divx" />
    <param name="custommode" value="Stage6" />
    <param name="autoplay" value="false" />
    <object type="video/divx" data="http://video.stage6.com/1342802/.divx" height="240" width="320">
        <param name="src" value="http://video.stage6.com/1342802/.divx" />
        <param name="custommode" value="Stage6" />
        <param name="autoplay" value="false" />
    </object>
</object>
</div>
 

And here's what the video looks like (DivX Web Player required):

Update: Markus suggested to add autoplay=false to the original example.