[Accessibilité] - Optimiser la navigation

• Contexte
• Objectif
• Ressources
• Tâches

Contexte

Comme vu sur l'audit Resin, la navigation doit être optimisée lorsque nous passons d'une page à l'autre. Cas identifiés :

• Dans les formulaires pour se connecter au gaz ou à l'élec, cliquer sur Suivant renvoie sur la barre de tâche avec l'url etc

• Dans les quiz, le passage d'une question à l'autre fait tout le temps revenir à la cozy bar, il faudrait remettre le focus sur l'une des réponses ou la croix de fermeture pour une navigation plus fluide

• Dans l'action du défi, valider l'écogeste renvoie sur la barre de tâche

Objectif

Ressources

Tâches

changed milestone to %[Ecolyo] Amélioration de l'accessibilité

added Status: Ready [Story Type] Technical labels

mentioned in issue #772 (closed)

changed the description

changed the description

assigned to @pecarlat

added Status: In Dev label and removed Status: Ready label

created branch feat/a11y/optimize-navigation to address this issue

mentioned in merge request !1222 (merged)

marked the checklist item Dans les formulaires pour se connecter au gaz ou à l'élec, cliquer sur Suivant renvoie sur la barre de tâche avec l'url etc as completed

marked the checklist item Dans les quiz, le passage d'une question à l'autre fait tout le temps revenir à la cozy bar, il faudrait remettre le focus sur l'une des réponses ou la croix de fermeture pour une navigation plus fluide as completed

marked the checklist item Dans l'action du défi, valider l'écogeste renvoie sur la barre de tâche as completed

changed the description

added Status: In Review label and removed Status: In Dev label

added Status: In QA label and removed Status: In Review label

assigned to @mchadier and unassigned @pecarlat

@pecarlat Dans les quiz, je ne parviens qu'à sélectionner la premiere reponse mais pas les autres.screen-capture__1_

@mchadier Quand on parcourt une liste d'options comme ça, il faut utiliser les flèches haut / bas pour défiler :) Tu y entres ou sors avec tab, mais une fois dedans il a sa propre mécanique

Ok effectivement ca marche avec les flèches !

• Dans les quiz, le passage d'une question à l'autre fait tout le temps revenir à la cozy bar, il faudrait remettre le focus sur l'une des réponses ou la croix de fermeture pour une navigation plus fluide

Dans les formulaires pour se connecter au gaz ou à l'élec, cliquer sur Suivant renvoie sur la barre de tâche avec l'url etc @pecarlat En prod, actuellement, je ne retombe pas sur la barre des taches avec l'url mais sur une nouvel pagescreen-capture__2_

@mchadier La vidéo est prise sur la prod là non ? (il n'y a pas les carrés bleus quand tu focus)

Le comportement attendu sur ecolyodemo c'est que, quand tu es au clavier et appuie sur suivant (avec entrée), tu te retrouves sur la page suivante, et quand tu fais tab tu dois toujours être sur la page de formulaire (et non pas sur la cozy bar en haut comme en prod). Est-ce que ça c'est OK ?

Oui j'étais sur la prod pour essayer de reproduire l'erreur que je ne voyais pas. Oui c'est ok et je vois maintenant la différence entre la prod où on retourne dans la cozy bar et la demo ou on y retourne plus.

• Dans les formulaires pour se connecter au gaz ou à l'élec, cliquer sur Suivant renvoie sur la barre de tâche avec l'url etc

@pecarlat Dans l'action du défi, valider l'écogeste renvoie sur la barre de tâche

Je suis bloquée jusqu'au 16 septembre pour faire le test là ?

@mchadier Ce qui a changé c'est le moment où tu es arrivée sur cette page là. En prod le curseur se place sur la barre des tâches. Normalemnet ici ça se met sur le bouton "Détail de l'astuce"

Je pense que ce n'est pas grave si tu n'as pas tout testé, pour remettre le contexte de cette issue : ça vient d'une recommandation sur le rapport d'audit de resin, mais même pour resin ce n'était pas une contrainte, simplement des bonnes pratiques.

Et pardon, pour répondre à ta question, je ne crois pas qu'on ait accès à la base de données de ecolyodemo, donc je pense qu'effectivement tu es bloquée sur cet écran jusqu'au 16 septembre. @rpailharey tu confirmes ? Je suis pas sûr

non on peut se brancher en SSH à la BDD d'alpha ;)

https://doc-self-data.apps.grandlyon.com/docs/ecolyo/Technical/environments/#couchdb-from-alpha

Merci rémi !

@mchadier J'ai reset l'action sur ecolyodemo du coup si tu veux retester ;)

Tester c'est tout bon !

closed

removed Status: In QA label

assigned to @pecarlat and unassigned @mchadier