accessBlog:

15 Sep 2003

Spaß mit Listen

Die Auszeichnung von Navigationsmenüs mit dem Listen-Element aus HTML scheint in letzter Zeit stark in Mode zu kommen, wie Sie auch an diesen Seiten hier sehen können (Tipp: die horizontale Navigation oben ist eine Liste). Die Auszeichnung als <ul> oder <ol> ist nach allgemeinem Konsens nicht nur sematisch korrekter, sondern bietet auch viele Vorteile für die Ausgabe auf alternativen Systemen. Was man alles mit simplen Listen und etwas CSS erreichen kann, zeigt eine Zusammenstellung verschiedener Techniken auf der australischen Site maxdesign.com.au: Listamatic.

Noch weiter geht der Ansatz, den James Craig auf seiner Site zeigt: Accessible menu test. Als Vorbild diente die komplett unzugängliche Navigation von texasonline.com. In der von Craig überarbeiteten Version besteht sie nun aus mehrfach verschachtelten Listen, die zur Navigation gänzlich oder Gruppe für Gruppe übersprungen werden können. Mit einem Screenreader oder Textbrowser bleibt so die logische Struktur der Navigation erhalten, mit einem grafischen Browser erhält der Besucher ein wirklich benutzbares Aufklapp-Menü.