Commenti a: Come realizzare un menu a tendina

Di: Ted

Ted — Tue, 28 Apr 2009 14:33:23 +0000

Tom, ti segnalo anche questo plugin jQuery, creato da Css Trick. http://css-tricks.com/examples/SimplejQueryDropdowns/

Di: Razorblade

Razorblade — Sun, 26 Apr 2009 14:07:47 +0000

Grazie per il link!
Ciao

Di: Tom

Tom — Sun, 26 Apr 2009 14:04:16 +0000

@Razorblade: puoi leggere qualcosa a riguardo in questo articolo in inglese: Screen Readers and display: none. Vista l'importanza dell'argomento mi organizzerò per scrivere un post.

Di: Razorblade

Razorblade — Sat, 25 Apr 2009 23:36:58 +0000

Ciao a tutti,
sono l’autore del post segnalato da Ted ( che ringrazio ). A proposito della faccenda degli screen reader e dell’accessibilità, avete un link che parla a proposito dei problemi relativi al display:none?
Grazie e ciao a tutti

Di: Ted

Ted — Fri, 24 Apr 2009 10:17:10 +0000

Preferisco il position: absolute al text-indent.

Ho spippolato stamane un po’ con jQuery e ho trovato una piacevole correzione al tutorial che ho linkato, usando la funzione animate invece che quella css. Te lo incollo. Ovviamente vanno corretti i css adeguatamente. PS: mi correggi quel “pendoci” qui su in “pensandoci”? Non riesco proprio a guardarlo, grazie :-)

$(“#nav ul”).css({display: “none”}); // Opera Fix
$(“#nav li”).hover(function(){
$(this).find(‘ul:first’).animate({height: “toggle”});
},function(){
$(this).find(‘ul:first’).animate({height: “toggle”});
});

Di: Tom

Tom — Fri, 24 Apr 2009 09:14:59 +0000

@Ted: penso dipenda dai casi, è difficile avere dei criteri univoci proprio perchè ogni utente (soprattutto di Screen Reader) ha le sue preferenze. Credo sia comunque meglio prevedere anche il caso con i CSS abilitati, c'erano state anche discussioni sull'uso del text-indent: -9999px o position: absolute invece di display: none proprio per questo motivo.

Di: Ted

Ted — Fri, 24 Apr 2009 08:30:56 +0000

Pendoci bene, i drop-down non hanno il problema della gestione delle tendine a catena (quelle nell’esempio shotatto da tom, per dire)

Di: Ted

Ted — Fri, 24 Apr 2009 08:07:06 +0000

@tom: per quanto riguarda il menu, visto che normalmente lavoro con WordPress sono facilitato dalla presenza di una class=”children”. Il ritardo lo si può fare usando la variabile “show” (lavora in millisecondi). Devo dire che la soluzione di Napolux ultimamente mi sconfinfera decisamente di più :-)
Per quanto riguarda gli screenreader io intendevo dire che so, avendo anche lavorato con disabili, che i non vedenti (quindi utenti screenreader) lavorano con i css disabilitati. A quel punto lo screenreader non dovrebbe ignorare il display:none? Altrimenti, quando proprio per motivi grafici non si riesce a far meno, diventa indispensabile non dimenticarsi del title nel link, no?

Di: Mauro Accornero

Mauro Accornero — Thu, 23 Apr 2009 09:45:19 +0000

Articolo molto utile con buone proposte per le risorse, anch'io di norma sono a favore dei mega drop-down anche se non sempre si ha sufficiente contenuto per utilizzarli. Per i menu drop down anch'io spesso utilizzo jquery ma dove possibile cerco di limitare l'uso di javascript e cerco alternative in css puro come queste menu drop down con css.

Di: Tom

Tom — Wed, 22 Apr 2009 07:15:45 +0000

@Napolux: sono d’accordo, i drop-down estesi piacciono parecchio anche a me. Certo devi avere dei link utili da inserirci, li vedo bene su siti con molti contenuti e sottocategorie.