Menu SANS utiliser la souris a aucun moment

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Menu SANS utiliser la souris a aucun moment

    Bonjour
    Je suis a la recherche de la possibilité d'utiliser les menus Joomla , sur differente "profondeurs" sans utiliser la souris.
    J'ai a ma dispo "Tab", les fleches et entree/espace.
    Par defaut, en utilisant le menu "standard", je peux aller dans chaque menu via "Tab" ... le probleme est que si c est le 4eme menu principal, 2eme sous menu, 5eme item, je dois appuyer sur TAB au moins 20 fois ... on perds un peu de facilite de navigation.
    J'ai teste differents autres module/composant de menu et bien sur, on est plus sur de la gestion via souris avec le curseur qui survole ..etc...
    Est ce que qq'un aurait une idee ou une piste ?
    Merci !

  • #2
    Re : Menu SANS utiliser la souris a aucun moment

    Bonjour

    Je n'ai pas la réponse mais ta demande ne cadre-t-elle pas dans le contexte d'un template dit accessible ? Va voir la présentation d'Ariane Andurand : https://www.joomladay.fr/archives-de...fichier&id=511

    Ce dernier est disponible sur GitHub : https://github.com/c3rb-org/template_RGAA_C3rb

    Probablement y trouveras-tu un menu qui est pilotable grâce au seul clavier.
    Christophe (cavo789)
    Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
    Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

    Commentaire


    • #3
      Re : Menu SANS utiliser la souris a aucun moment

      Bonjour,

      Regarde cette discussion : https://forum.joomla.fr/showthread.p...ight=accesskey

      Tu peux ajouter tes accesskeys quand même en suivant les infos de ce post : https://forum.joomla.fr/showthread.p...l=1#post513505

      Par contre, ce n'est possible que pour les principaux menus
      UP, le plugin universel à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire


      • #4
        Re : Menu SANS utiliser la souris a aucun moment

        Bonjour,

        En fait, les accesskeys sont obsolètes, vous pouvez toutefois télécharger le composant auprès des italiens et le projet FAP3 mais sans aucune garantie (le composant n'a pas été actualisé depuis 3 ans...)



        Je déconseille son usage et je vous invite à tester le template de l'équipe c3rb. C'est un excellent travail disponible également sur github (déjà donné par cavo789) : https://github.com/c3rb-org/template_RGAA_C3rb

        Tester également la démo avec les données d'exemple en anglais (pour naviguer, appuyez sur tab... )


        Pour info :

        1. https://fr.wikipedia.org/wiki/Accesskey
        En raison de ces incompatibilités entre accesskeys et raccourcis clavier utilisateur, certaines méthodes d'application de WCAG telles que le RGAA français proscrivent ou découragent l'utilisation des raccourcis clavier, tandis que d'autres les restreignent à un nombre limité de touches, pour l'essentiel numériques. Ce mécanisme est abandonné par le projet de directives d'accessibilité des contenus Web WCAG2.

        2. https://references.modernisation.gou...ue_rgaa3.0.pdf
        ARIA définit pour un certain nombre de rôles dédiés au développement de composants d'interface un ensemble d'interactions au clavier basé sur les touches Echap, Barre d'espace, Tabulation et les touches de direction auxquelles peuvent se rajouter d'autres interactions basées sur les touches de pagination, de début ou de fin par exemple. Afin d'accompagner la prise en charge progressive de ces interactions au clavier, le référentiel limite l'exigence aux touches d'interactions principales (
        Echap, barre d'espace, tabulation, flèches de direction) telles qu'elles sont définies par les motifs de conception...
        WAI-ARIA propose des rôles permettant d'indiquer les zones principales (régions) du document.

        3. Un mega-menu accessible : http://adobe-accessibility.github.io...ble-Mega-Menu/
        On peut intègrer de l'ARIA notamment les attributs aria-expanded, aria-haspopup, aria-owns, aria-controls, aria-labelledby

        4. Boosted... c'est du bootstrap 3 (et bientôt du bootstrap4) avec du RIA dedans
        Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

        exemple de menu : http://a11y-guidelines.orange.com/we...mple-menu.html

        En résumé, vous devez adapter votre template et votre contenu pour l'accessibilité et la navigation par le clavier. A défaut de maitriser totalement le développement, vous pouvez vous utiliser ou vous inspirer du template RGAA_C3rb publié sous licence MIT.
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          Re : Menu SANS utiliser la souris a aucun moment

          Bonjour a tous ,
          Merci pour vos réponses.
          Je viens de tester les differentes options proposees.

          Je ne l'avais pas mis dans mon message precedent, mais j avais trouvé cela :
          http://terrillthompson.com/blog/202 (menu qui rejoint les memes principes des liens que vous avez partagé ).

          Le mega-menu "adobe" me semble le plus adapté et sympatique a mon besoin.

          Question : SI je comprends bien, il faudra que je mette a jour "a la main" le code pour mes menus, c est bien cela ? ( pas de soucis, cela me parait relativement simple ... fastidieux, mais simple )

          J'ai egalement fait un test en utilisant le template " c3rb_rgaa ".
          J'ai insére du HTML /css via le module custom , cela donne bien qqchose qui marche pour mon besoin, ce qui me permets aussi de le mettre au plus haut dans la page.

          J'ai vu dans la partie "avancee" des modules la possibilité de mettre en mode mega menu le template du module... du coup, je ne sais pas si ma methode avec le module_custom est la bonne ? Je ne saisi pas le concept en fait ( j'ai fait des tests, aucun changement en utilisant un module "menu" )

          Merci merci
          Dernière édition par smalldragoon à 18/08/2017, 13h33

          Commentaire


          • #6
            Re : Menu SANS utiliser la souris a aucun moment [ RESOLU ]

            Bonjour a tous,
            je me reponds , pour que cela serve aux prochains...
            la solution finale adoptée est bien le "mega-menu adobe" avec un custom module pour le HTML.
            Cela permets de mettre le menu au bon endroit sans soucis et la navigation est donc faite sans soucis ( et sans souris ! )
            Merci a tous
            Dernière édition par smalldragoon à 15/09/2017, 13h40

            Commentaire


            • #7
              Re : Menu SANS utiliser la souris a aucun moment

              Bonjour et merci du partage.

              SI je comprends bien, il faudra que je mette a jour "a la main" le code pour mes menus, c est bien cela ? ( pas de soucis, cela me parait relativement simple ... fastidieux, mais simple )
              J'avais écrit, pour mon unique usage, un module menu personnalisable. Il permet d'indiquer les balises, classes à utiliser pour chacun des éléments constituant un menu. Cela me permettait d'utiliser un menu Bootstrap ou Foundation automatiquement. Cela devrait aussi le faire dans ton cas.

              Si cela peut te servir, il est dans ma dropbox : https://www.dropbox.com/sh/vhe3f5xwy...3Bim6YEZa?dl=0

              Le document PDF montre les réglages pour les systèmes de menus que j'utilisais
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X