Megamenu - voci principali non cliccabili nella versione desktop

[tarya85]

Ciao! Ho visto che nella nuova release avete inserito nel menu principale (versione mobile) la possibilità di cliccare sulla voce primaria oppure di espandere il relativo sottomenu. Però nella versione desktop non è possibile clicare sulle voci di menu primarie in quanto al click viene espanso il sottomenu. Faccio riferimento alla documentazione online. Secondo voi sarà possibile implementare, come la versione mobile, il click per seguire il link e il click sulla freccia per aprire il sottomenu? Grazie!

[tarya85]

è possibile sviluppare per la versione desktop la seguente soluzione al mouseover? https://www.w3.org/WAI/tutorials/menus/flyout/

[Nidroide]

Al momento ho risolto (va ancora perfezionato) aggiungendo dopo: let $menu = listToMegaMenu($(rel), opts) la riga: $menu.find('> li > a:contains("Albo Pretorio")').parent().find('.Megamenu-subnav').prepend('<a class="submenuhead" href="/albo-pretorio">VISUALIZZA TUTTI GLI ATTI</a><br/>oppure selezionare una categoria/sottocategoria dall\'elenco:<br/>')

In questo modo riesco anche a trasmettere al visitatore l'informazione che il menu' segue l'organizzazione gerarchica dell'albo pretorio e che le scritte in grassetto/uppercase non sono titoli!

Ci si puo' ragionare... avete delle alternative?

[tarya85]

Io ho impostato semplicemente l'hover e non il click sulle voci principali del menu, nel file index.js di megamenu: openOnClick: false, Però il WCAG suggerisce di dare piuttosto vie alternative per cliccare sui link primari. La tua soluzione @Nidroide non è affatto male: andrebbe declinata per ogni voce principale.