nicht angemeldet
Moin Members,
ich schraube ja seit einiger Zeit an einem eigenen Dropdown mit CSS, dann wurde erklärt, dass man die Menüs nicht mit visibility: hidden ausblenden soll, da diese dann für Screenreader nicht zu lesen sein. Als bessere Alternative wurde auf "left: -9999px;" verwiesen, der die Container außerhalb des sichtbaren Bereiches verschiebt. Auch damit kann ich gut leben, nun heißt es auf einmal, das mit den -9999px ist auch nicht so gut, der Browser legt da einen ganz großen Bereich an, geht auf die Performanz:
http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
Ich habe nun noch einen Weg gefunden:
.menue ul li ul {width: 0%; overflow: hidden; opacity: 0;}
.menue ul li:hover > ul {width: auto; overflow: visible; opacity: 1;}
Wäre das für Screenreader zu lesen? Zu „width: 0%“ habe ich nichts gefunden und was ist mit „opacity: 0“?
Guten Start in die Woche
Manuel
Matthias Apsel