Barrierefreiheit/Screenreader - „left:-9999px“ versus „width:0%“

[ChrisB]

Hi,

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:

Das gilt (nur) solange, wie sie auch per display:none versteckt sind.

"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."

Deshalb sagte suit ja, dass das Menu auch per Tastatur bedienbar sein sollte. Dann kann auch ein Screenreader-Nutzer einen Menupunkt aktivieren, und wenn daraufhin die Unterlemente eingeblendet werden, gibt es auch das Problem nicht mehr.

MfG ChrisB