Sélection de la langue

Recherche

Menu - test

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

Conception du menu

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

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)

Browser Screen reader Date Test page Results
Chrome (none) 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Chrome JAWS 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Chrome NVDA 2019-02-19 Current menu Buggy, The menu are keyboard operable but the user need to go through all the menu item. Down and up arrow work, but not right and left arrow
Chrome (none) 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Chrome JAWS 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Chrome NVDA 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Edge (none) 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Edge JAWS 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Edge NVDA 2019-02-19 Current menu Buggy, The menu are keyboard operable but the user need to go through all the menu item. Down and up arrow work, but not right and left arrow
Edge (none) 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Edge JAWS 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Edge NVDA 2019-02-19 Test page with the PR #1511 fix Buggy, The menu are keyboard operable but the user need to go through all the menu item. Down and up arrow work, but not right and left arrow
Firefox (none) 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Firefox NVDA 2019-02-19 Current menu OK, The menu are keyboard operable as expected
Firefox (none) 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected
Firefox NVDA 2019-02-19 Test page with the PR #1511 fix OK, The menu are keyboard operable as expected

Test result by the Web Accessibility Working Group

Summary of 2019-02-22 test

Using the menu of Canada.ca with a screen reader.

As per the menu in GCWeb v5.0.0

Screen reader Browser Date Results/Comments
JAWS Firefox 2019-02-22
  • No instructions to expand or collapse the main menu.(Example: Press the spacebar to expand or Escape to collapse the menu)
  • Main menu item status is not heard. (Example, Collapsed or Expanded)
  • No instructions to access the submenu. If you do not think of arrowing right, you miss the submenu completely.
  • No start and end marks to the submenu item. Unless you pay attention, you end up going around and around.
JAWS IE 2019-02-22 Same as Firefox
JAWS Chrome 2019-02-22 Same as Firefox
JAWS Safari 2019-02-22 Not available
NVDA Firefox 2019-02-22
  • No instructions to navigate the menu.
  • Main menu item status is not heard. (Example, Collapsed or Expanded)
NVDA IE 2019-02-22
  • Menu expands and collapses but no items appear.
NVDA Chrome 2019-02-22
  • Menu does not open with spacebar or Enter key.
NVDA Safari 2019-02-22 Not available
Using the enhanced menu with the fix from GCWeb PR #1511 with a screen reader.

As per the menu compiled with GCWeb PR #1511 and going to be released in GCWeb v5.0.1

Screen reader Browser Date Results/Comments
NVDA Firefox 2019-02-22
  • Missing instructions to open and close the menu.
  • No menu status such as expanded or collapsed.
  • Best menu encountered so far.
NVDA IE 2019-02-22
  • Missing instructions to open and close the menu.
  • No menu status such as expanded or collapsed.
  • No item number to help with navigation. Example 1 of 12.
NVDA Chrome 2019-02-22
  • Missing instructions to open and close the menu.
  • No menu status such as expanded or collapsed.
NVDA Safari 2019-02-22 Not available.
Voiceover Firefox 2019-02-22
  • nstructions are not clear for a novice user, right pointing pointer and down pointing pointer are all you hear. No instructions to open the menu
  • Once you are at the end of the submenu, you fall back to the main menu without warning.
Voiceover IE 2019-02-22 Not available
Voiceover Chrome 2019-02-22
  • Instructions are not clear for a novice user, right pointing pointer and down pointing pointer are all you hear. No instructions to open the menu
  • Once you are at the end of the submenu, you fall back to the main menu without warning.
Voiceover Safari 2019-02-22
  • Instructions are not clear for a novice user, right pointing pointer and down pointing pointer are all you hear. No instructions to open the menu
  • Once you are at the end of the submenu, you fall back to the main menu without warning.
Talkback Firefox 2019-02-22
  • Difficult to focus on the menu button. Once you focus on it, double tapping will not open it.
Talkback IE 2019-02-22 Not available
Talkback Chrome 2019-02-22
  • Instructions are not clear for a novice user, right pointing pointer and down pointing pointer are all you hear. No instructions to open the menu
  • Once you are at the end of the submenu, you fall back to the main menu without warning.
Talkback Safari 2019-02-22 Not available
Signaler un problème sur cette page
Veuillez cocher toutes les réponses pertinentes :

Merci de votre aide!

Vous ne recevrez pas de réponse. Pour toute question, s’il vous plaît contactez-nous.

Date de modification :