Menu SANS utiliser la souris a aucun moment

[smalldragoon]

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 !

[cavo789]

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.

[lomart]

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

[daneel]

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...)

https://github.com/elpaso/joomla-fap-3/tree/master/release

https://github.com/elpaso/joomla-fap-3/blob/master/release/com_accesskeys_3.25.zip

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... )

http://a11y.orpheemedia.com/portail_a11y_en/index.php

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

http://boosted.orange.com/

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.

[smalldragoon]

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

[smalldragoon]

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

[lomart]

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