sprungmarker testet

Das Hinterzimmer meint im klassischen Sprachgebrauch einen Raum, wo geheime Absprachen stattfinden und ist meisthin im Gegensatz zum öffentlich zugänglichen Raum zu sehen, als Gegen-Salon quasi. Dort finden sich die ein, die nur einen begrenzten Zugang haben. 🙂 Zugegeben die SPD meint mit ihrer alternativen Startseite sicherlich nicht den klandestinen, geheimen Zugang, sondern im Gegenteil den Zugang für all jene, die Probleme mit der animierten Startseite haben.

twitter hat ja mittlerweile Kultwert, was Schnelligkeit und Meinungsknapptheit anbelangt. Gestern noch sprach ich dort an, dass diese Sonderlösung nicht wirklich notwendig ist. Martin Ladstätter von BIZEPS votierte jedoch dafür, dass die gesamte Seite ja barrierefrei sei. Warum sich also dann über diese Sonderlösung auf der Startseite noch unterhalten?

Insgesamt – und hier stimme ich der allgemeinen Begeisterung durchaus zu – ist der Relaunch der SPD im Hinblick auf Webstandards und Barrierefreiheit wegweisend. Sogar an die Auszeichnung des Sprachwechsels wurde gedacht. Wenngleich mich das gestalterische und inhaltliche Konzept eher im Regen stehen läßt. Es ist schade, dass darauf heute – besonders mit Blick auf barrierefreie Seiten – immer weniger Wert gelegt wird. Es ist aber nicht meine Absicht, diesen Relaunch in den Boden zu stampfen, wie Ladstätter vermutet. Es geht mir um den Umgang mit Sonderlösungen, die ja bis dato eher verpönt waren.

Daher müssen wir uns über derartige Sonderlösungen unterhalten, bevor sie durch Vorzeigeseiten wie die der SPD Schule machen. Nicht wenig häufig wird man Kunden finden, die sich dann genau dieser Vorzeigeseiten bedienen und darauf bestehen, dass derartiges dann ja hoffähig zu sein hat und somit vom Hinter- zum Vorderzimmer reüssiert.

Der Sprung über das Hinterzimmer

Abbildung 1: Die Sprungmarken zum Inhalt und zur Servicenavigation liegen noch weit vor Hinweis und Link zur Alternativversion (Quellcode. spd.de animierte Startseite)

Grundsätzlich wird der Link zur alternativen Startseite umsichtig eingebettet, sogar mit eigener Überschrift und Hinweistext. Beide sind aus dem sichtbaren Bereich nach links verschoben worden, damit sie so nicht zu sehen sind, aber etwa ein Screenreader-Nutzer die Information erhält. Tastatur-Nutzer haben von dieser Information jedoch nichts, hier wäre ein wenig Information im TITLE-Attribut des Links durchaus sinnvoll gewesen.

Jedoch werden sowohl Screenreader– als auch Tastaturnutzer an diesem sorgsam aufbereitetem Konzept vorbeilaufen, weil die Sprungmarken zu Inhalt und Servicebereich im Footer vor dieser Information zu erreichen sind und sicherlich von den meisten Nutzern vorher genutzt werden, um direkt zum Inhalt zu springen. Wenn man schon soviel Wert auf eine alternative Startseite legt, sollte man auch diesen Link an erster Stelle platzieren, damit etwa Screenreader-Nutzer die auch erreichen.

Hört man sich bis zum Alternativ-Link mit Jaws durch, hat man schon gut eine Minute hinter sich: Jaws-Sequenz bis zum Alternativlink (Mp3-Datei, circa 1 Minute, 1,5 Mb – Jaws 10). Geht man aber davon aus, das ein Screenreader-Nutzer direkt zum Inhalt springt, überspringt er schlicht die Informationen zur Alternativversion. Im übrigen kann man mit JAWS 10 sogar die problematische Multi-Content-Box bedienen, auch wenn es ohne Sichtkontrolle eher schwer ist, den inhaltlichen Zusammenhang zu erfassen. Da die Box jedoch auch mit der Tastatur uneingeschränkt bedienbar ist, stellt sich die Frage, wofür die Alternativversion erstellt wurde? Mit JAWS hört sich der direkte Weg zum Hauptinhalt dann so an: Jaws-Sequenz mit direktem Sprunglink zum Inhalt (Mp3-Datei, 32 Sekunden, 745 Kb – Jaws 10).

Die Hürde Multi-Content-Box?

Recht umfänglich wurde die Multi-Content-Box begrüßt, so neu ist das Konzept aber nun auch wieder nicht: ein aktuelles Schaufenster mit Texten, Bildern und Medien wie Videos. Nun, welche Barrieren treten da wirklich auf? Mit der Tastatur ist die Box nutzbar, sogar ein Screenreader-Nutzer kommt da durch. Vergrößerbar ist die Box auch, sogar im IE 6, ohne Grafiken inhaltlich bedienbar, eventuell könnten Probleme mit den Kontrasten bei dem leichten Grau des Fliesstextes auftreten. Wo liegt also die größte Barriere, wie immer bei nicht-aktivem Javascript.

Abbildung 2: Der Link zur animierten Startseite fehlt, wenn Javascript nicht aktiv ist (Quellcode. spd.de alternative Startseite)

Aber dafür eine alternative Startseite? Viele AJAX-Skripte bieten heute ganz selbstverständlich eine alternative Ansicht. Ein Beispiel sind Bildergalerien, die bei nicht-aktivem Javascript schlicht untereinander ausgegeben werden. Warum hätte man nicht auf derartiges zurückgreifen können? Weil auch noch Navigationen mit interagieren? Ironischerweise braucht auch die alternative Version Javascript. Zum einen für die Videos, die nur mit bedienbar sind und für die Möglichkeit, auch wieder auf die animierte Startseite zurückzukehren.

Fazit: Das Hinterzimmer ist nicht notwendig

Abbildung 3: Um das Video auf der Alternativseite abzuspielen, ist wieder Javascript notwendig (Quellcode. spd.de alternative Startseite)

Warum also dieses Hinterzimmer, das selbst nicht ganz barrierefrei ist, wenn man das Video ohne Untertitel und Audio-Kommentar betrachtet? Wäre es da nicht sinnvoller, eine Startseite zu erstellen, die allen einen Zugang gewährt? Freilich so ein Schaufenster mag eine Weile ganz attraktiv sein, aber wenn man bedenkt, dass es sich schlicht um einzelne Themenbereiche handelt, die mit Inhaltsblöcken angeteasert werden, wäre eine klassische Portalseite durchaus hinreichend. Das bisschen Medialität (Video, Ton) lässt sich auch so prominent platzieren und für alle barrierefrei gestalten (Stichwort: JW Player, der Untertitelung und Audio-Kommentar beispielhaft integriert). Wohlgemerkt ich spreche mich nicht gegen AJAX-Lösungen aus, nur gegen Sonderlösungen, die nicht wirklich zu Ende gedacht sind. Vor allem wenn man dazu noch bedenkt, dass die eigentliche Startseite des Auftritts bereits eine Linkgabelung enthält, die zwischen animierter und alternativer Startseite auswählen läßt. Nur wenn man schnell genug ist, ansonsten wird man per Refresh weitergeleitet. Auch derartige Vorschaltseiten war lange – und das völlig zurecht – verpönt.

Und wenn man sich schon im Hinterzimmer rumdrücken muss – man beachte, dass es sich nicht nur um eine Seite handelt, sondern um sämtliche prominente Navigationspunkte – mit Dank an Templateentwickler, der die alternativen Templates immer mit im Auge hat 😉 -, dann sollte es wenigstens gestalterisch nicht wie die Hintertreppe aussehen. Inhaltliche Chancengleichheit in allen Ehren, aber Breitbandfotos im Schaufenster sehen im Hinterzimmer wie vergessen aus.

Epilog – Was andere dazu negatives sagen

• Einen sehr ausführlichen Kommentar von Dirk Weber (metazoa) zu Architektur und Design gibt es in den Kommentaren beim Designtagebuch.
• Das Blog Wie ich reich wurde rückt in seiner Rezension den Anspruch der SPD, eine Killerapplikation ins Internet platziert zu haben, nochmal ein wenig zurecht.
• Und der Trash log kann sich so gar nicht mit der gepriesenen Multi-Content-Box anfreunden und entdeckt in den Blätternlinks das Deppenagenturleerzeichen.