search

italia / design-web-toolkit

Questa libreria è deprecata, si consiglia l'utilizzo di Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
Creative Commons Zero v1.0 Universal
93 stars 87 forks source link

Megamenu - voci principali non cliccabili nella versione desktop #148

Open tarya85 opened 6 years ago

tarya85 commented 6 years ago

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 commented 6 years ago

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

Nidroide commented 6 years ago

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 commented 6 years ago

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.