Rosanna: dynamisches CSS-Menü barrierefrei?

Beitrag lesen

Hallo Gunter,

Hover-Effekte bedingen eigentlich immer die Bedienung per Maus. Wo das nicht möglich ist, sollte man entsprechende Alternativen vorsehen.

Die Knackpunkt ist für mich der Einsatz von Javascript. Habe ich ein einfache Hover über CSS definiert, so gehen - wenn das nicht funktioniert oder angewandt werden kann - keine wesentlichen Informationen verloren, z. B. Bildwechsel (Layoutbild) bei hover. Außerdem kann ich hier ganz locker ausweichen, indem ich die selben Informationen auch einem a:focus zuweise.

Bei einem Pop-Up-Menü allerdings kommt der User nur weiter, wenn er mit der Mouse über einen Menüpunkt fährt und wenn Javascript aktiviert ist. D. h. die weiteren Seiten sind nur dann zugänglich, was ja einen wesentlichen Informationsverlust bedeutet.

Bei den meisten PC-Nutzern ist Javascript aktiviert, am PDA-Sektor sieht es hier sicher anders aus.

Dies lässt sich bspw. durch ein extra Stylesheet für Handhelds realisieren. Und last but not least sollte man auf seiner Site immer einen Link zu einer Text-only Version anbieten, d.h. ohne alle Styles, wo dann ein CSS-Menü meist als UL Liste zur Verfügung steht (die entsprechenden Skip Links nicht vergessen), womit die o.g. "Nachteile" beseitigt sind.

Ja, aber du brauchst auch eine Alternative zum Javascript, d. h. das Menü müsste dann doppelt aufgebaut werden, sehe ich das richtig? Zum Text-Only: Jein, aus meiner Sicht eine bequeme und kostengünstige Alternative für PDAs, um nicht die ganze CSS komplett neu aufsetzen zu müssen. Das BITV sagt aber eindeutig - keine Textversionen. Kommt sicher darauf an, bis zu welchem Grad die Seite den Richtlinien entsprechen soll bzw. muss.

LG
Rosanna