alps hypertexte

Vorher - Nachher

Die Arztsuche auf imedo sah vorher so aus, wie auf den Seiten der Arztsuche-Integrationen von Spiegel oder T-Online. Oben stand das Suchformular und ging über die ganze zur Verfügung stehenden Breite. Darunter ein 3-Spalter mit folgendem Inhalt:

• Die erste Spalte hat direkte Suchlinks zu den größten Städten Deutschlands.
• Die zweite Spalte die Image Map (in Form einer Deutschland-Karte nach Bundesländern)
• und in der dritten stehen die redundanten Links zur Image Map, die von der BITV verlangt werden.

Bildschirmfoto der alten Artzsuche:

Beim Refactoring des Arztsuche-Frontends wurden die Inhalte der ersten und dritten Spalte über der Image Map zusammengefasst. Die Textlinks sind durch eine einfache ul-Liste repräsentiert. Diese Liste wurde im Quellcode vor dem Markup der Image Map platziert, da sie den selben Zweck wie die Image Map erfüllt, nur mit trivialeren Mitteln. Anschließend wurden die einzelnen li-Aufzählungspunkte per absoluter Positionierung über die entsprechenden Bundesländer auf der Karte platziert. Da Image Maps im Normalfall (ohne JavaScript) kein visuelles Feedback bei einem MouseOver geben, wurde durch die Hyperlinks über den Bundesländern ein entsprechendes Feature simuliert. Dadurch entfällt jetzt die Notwendigkeit, diese Textlinks für sehende User zu unterdrücken oder für sie, wie in der alten Version, Layoutplatz schaffen zu müssen, was wiederum eine größere Deutschlandkarte mit weiter außeinanderliegenden Klickflächen ermöglicht.

Die Linkliste mit den Suchlinks zu den größten Städten wurden als ul-Listen in die entsprechenden li-Aufzählungspunkte der Bundesländerliste eingearbeitet und sind nun als CSS-Pulldown-Menüs erreichbar. Der Vorteil hierbei liegt nicht nur in seiner graphischen Präsentation als Pulldowns, sondern auch in der logischen Darstellung im Markup: Die größten Städte wurden durch die verschachtelten Listen in Bezug zu den Bundesländern gestellt.

Die Accessibility-Optimierungen an der Arztsuche sind ein laufender Prozess und gehen natürlich weiter. Besonders WAI-ARIA bietet da viele Möglichkeiten. Doch davon ein andermal .