Ich habe lange gesucht und mit allen möglichen JavaScript-Bibliotheken herum experimentiert und sie letztlich alle wieder verworfen, weil einfach zuviele Einschränkungen existierten oder das Implementieren in Typo3 zu kompliziert war.
Das Accessible Website Menu von Brothercake überzeugte mich schließlich. In Typo3 werden semantisch korrekte Listen erzeugt, den Rest übernimmt die Bibliothek.
Ein Beispiel ist oben zu sehen. Es wurde weitestgehend das Aussehen dieses Demo-Styles beibehalten. Um zum Beispiel das Menü von vertikaler auf horizontale Ausrichtung umzuschalten, war die Änderung nur einer einzigen Zeile notwendig. Absolut phantastisch.
Die Skripte wurden nicht unter der GPL veröffentlicht, sind jedoch für Privatanwender kostenlos. Deswegen kann ich die Bibliothek leider nicht dem Typo3 Template beilegen. Das komplette Paket kann jedoch hier heruntergeladen werden. Bitte die Lizenzbedingungen beachten.
Das Menü ist auch mit der Tastatur bedienbar: Drücken Sie F12 (Mozilla und IE oder Shift und Pfeiltasten in Opera) und Sie können innerhalb des Menüs navigieren.
Einige Highlights: