Menu - test

But: Mettre à l'essaie l'aspect fonctionelle du gcweb-menu (v5).

Conception du menu

• Le menu est navigation par l'activation d'un bouton.
• Si la page est en mode de navigation simple, le premier niveau du menu sera visible et le bouton sera dépourvue de fonctionalité
• Le menu comporte trois niveau de menu
• Le premier niveau c'est les 12 thèmes
• Le deuxième niveau c'est un lien vers le thèmes, suivis de ses service/info, suivis d'un sous menu pour les plus demandé.
• Le troisième niveau c'est les liens les plus demandé qui est le dernier menu du deuxième niveau
• Pour les écrans large, Le premier niveau est vertical et le deuxième niveau s'affiche à droit du premier item dumême menu. Le deuxième niveau est affiché en 3 groupe, dont le premier (lien vers le thème) prend toute l'espace horizontal en haut. Les deux autre groupe sont cote à coté en dessous, la première colonne c'est le deuxième groupe (service et info) et la deuxième colonne c'est les liens les plus demandé.
• Pour les écrans moyenne. C'est la même chose que les écrans larges, mais le liens les plus demandé sont en dessous du group (service et info)
• Pour les petites écrans. Le menu est entièrement linéaire avec les sous menu imbriqué dans la même colonne. Les sous menu sont caché par défaut et peuvent être ouvert. Tout les sous menu sont caché par défaut.
• Pour les érans large et moyenne, le menu est affiché au dessus du contenu de la page web
• Pour les petits écran, le menu est inséré entre l'entête de page et le contenu de la page.

Procédure de mise à l'essaie

1. Ouvrir n'importe lequel page qui contient le menu principal
2. Utiliser la touche de tabulation du clavier afin de naviguer autour du menu. Le menu devrait être focussable mais il ne devrait pas s'ouvrir.
3. Converger sur le menu et appuyer sur "retour" ou la bare d'espacement afin de l'ouvrir.
4. À tout moment l'utilisation de la tabulation lors de la navigation des items du menu, le focus sera convergé à l'extérieur du menu, soit l'élement précédent ou suivant.
5. Les flèches haut et bas devrais permettre de naviguer les items au premier niveau.
6. Mode large écran:
   1. Du premier niveau, la touche retour ou la flèche de droite va convergé vers le sous menu affiché à droite.
   2. On est dans le premier groupe. Il n'est pas possible de naviguer à droite car ce menu item est suivi d'un séparateur horizontal.
   3. Flèche bas, le focus converge vers le premier item de la première colonne.
   4. À ce moment, la flèche de droite va aller vers le premier item de la deuxième colonne.
   5. Flèche haut/bas permet de naviguer l'ensemble des sous menu, et le focus converge en boucle.
7. Mode écran moyen
   1. Similaire à l'écran large mais:
   2. Le séparateur vertical entre les deux colonne est changé en séparateur horizontal, donc la touche du clavier droite et gauche devient non opérationelle.
8. Mode petit écran
   1. Le menu étant entièrement vertical, les flèches haut bas permet de navigué les items du menu.
   2. L'ouverture des sous menu est activé par un click ou par la touche "retour" ou la bar d'espacement du clavier
   3. Le menu devrait être inséré entre l'entêtre et le contenu de la page

Référence

• Notes technique de migration (En anglais seulement)
• Modèle de navigation clavier pour un menu (Practique WAI-ARIA 1.1) (En anglais seulement)

Résultats de mise à l'essaie

Avant le lancement de GCWeb version 5

L'opérabilité du menu a été mise à l'essaie sur la majorité des furteurs tel que IE11, Chrome, Firefox, Edge.

Il y a aussi eu un test avec un lecteur d'écran dont les résultats n'affichait pas de problèmatique d'opérabilité mais plustôt des problématique principalement lié à sa conception complexe et contenais des idées d'amélioration. Ce rapport est disponible en anglais ici: Github wet-boew/gcweb #1458

Plusieurs commentaire avait été fait à propos de sa conception visuel complexes suggérant d'adopter une conception plus simple.

Certaine amélioration avait été suggérer et ils ont été reporté pour être fait après le lancement. Ces demande d'amélioration sont énuméré dans le documents temporaire du suivi des problématique maintenu pendant le dévelopment de v5.

5 février 2019

George (ognil) a reporté une problématique avec une apparence d'envergures considérable avec Chrome et NVDA et JAWS 18. Voir Github wet-boew/wet-boew #8556.

19 Février 2019

Mise à l'essai par: Pierre Dubois (@duboisp)

(Les résultats suivant sont publié en anglais seulement)