Ciao a tutti,
sto cercando di creare un menu popup accessibile utilizzando l'attributo visibility:hidden del css in combinazione con la proprità 'aria-hidden' propria delle specifiche di WAI-Aria del W3C . In pratica ogni voce del menu è costituita da un div contenente del testo, le voci dei sottomenu che inizialmente sono nascoste hanno impostato l'attributo aria-hidden='true' all'interno del tag html e in corrispondenza, nel css, questa sintassi
[aria-hidden=true] {
visibility: hidden;
}
Quando si clicca su una voce del menu viene richiamata una funzione javascript che cambia il valore dell'attributo aria-hidden per le voci del sottomenu corrispondente alla voce principale cliccata e così il sottomenu viene visualizzato. Ora tutto questo funziona benissimo ad esempio con Google Chrome e con Firefox, mentre con Internet explorer avviene una cosa molto strana. Quando clicco su una voce del menu i div delle voci del sottomenu vengono visualizzati (rettangoli di colore rosso) mentre il testo contenuto nei div (bianco) non si vede finchè con il mouse non ci passo sopra. Dopodichè posso chiudere il sottomenu e riaprirlo e da allora si manterrà sempre visibile finchè non riaggiorno la pagina.
Qualcuno ha idea di quale possa essere il problema?
Grazie
sto cercando di creare un menu popup accessibile utilizzando l'attributo visibility:hidden del css in combinazione con la proprità 'aria-hidden' propria delle specifiche di WAI-Aria del W3C . In pratica ogni voce del menu è costituita da un div contenente del testo, le voci dei sottomenu che inizialmente sono nascoste hanno impostato l'attributo aria-hidden='true' all'interno del tag html e in corrispondenza, nel css, questa sintassi
[aria-hidden=true] {
visibility: hidden;
}
Quando si clicca su una voce del menu viene richiamata una funzione javascript che cambia il valore dell'attributo aria-hidden per le voci del sottomenu corrispondente alla voce principale cliccata e così il sottomenu viene visualizzato. Ora tutto questo funziona benissimo ad esempio con Google Chrome e con Firefox, mentre con Internet explorer avviene una cosa molto strana. Quando clicco su una voce del menu i div delle voci del sottomenu vengono visualizzati (rettangoli di colore rosso) mentre il testo contenuto nei div (bianco) non si vede finchè con il mouse non ci passo sopra. Dopodichè posso chiudere il sottomenu e riaprirlo e da allora si manterrà sempre visibile finchè non riaggiorno la pagina.
Qualcuno ha idea di quale possa essere il problema?
Grazie
