nicht angemeldet
Ich glaube du missverstehst hier Image-Replacement-Techniken völlig. Image-Replacement-Techniken sind dafür da den Text aus dem sichtbaren Bereich zu verbannen um eine Grafik als Alternative anzuzeigen - das ist eine völlig andere Baustelle.
Wenn du ein Drop-Down-Menü hast, kannst du dessen Kinder problemlos ausblenden - per display: none;
Wenn du die Navigation per Tastatur bedienbar machst und die Unternavigation einblendest, hat auch kein Screenreader ein Problem damit es vorzulesen.
Es hat kaum einen Sinn, dass dir der Screenreader die komplette Navigation runterliest obwohl sie noch nichtmal "da" sein soll - bei Image-Replacement-Techniken will man aber genau das erreichen.
Nun es wird an vielen Stellen explizit ein Drop-Down-Menü erwähnt und das Container mit "display: none;" für Screenreader nicht zu lesen ist:
"For example, if you use the CSS declarations display: none or visibility: hidden, you’re hiding the content from a screen reader. If the showing or hiding of content is dependent on mouse input (like on hover), then a blind user has no way to access it."
http://tutorials.tessathornton.com/2011/08/08/screen-reader-accessible-dropdown-menus/
Matthias Apsel