code-du-travail-numerique
code-du-travail-numerique copied to clipboard
SocialGouv
Rendre accessible les combobox
1) le bouton "voir plus" actuellement lorsqu'il y a plus de 5 résultats nous avons un bouton "voir plus" qui permet d'accéder aux autres résultats
Si on veut rendre accessible le bouton "voir plus" il faut (réponse de Maroua) :
-
Ajoutez un "title" sur le bouton car l'intitulé est considéré comme pas pertinent "voir plus de quoi ??" => Facile
-
Au clavier, a chaque affichage des n résultats, il faut repositionner le focus sur la zone mise à jour => le point le plus important
2) la scroll bar
ajout d'une scroll bar dans les résultats => pour Maroua la solution de scroll est la plus facile à mettre en place et à manipuler côté lecteur d'écran, car cela va être un scrolle de liste qui est manipulable au clavier et à la souris
Problème rencontré avec la scroll bar
- la fenêtre de résultat ne prend plus toute la largeur (ne va plus jusqu'au CP)
- quand on fait une recherche d'entrprise et que l'on va ensuite saisir le CP la liste des résultats d'entrprise disparaît
Actuellement voici le comportement :
Compte rendu Dr Design
Il faut regarder les stats pour identifier :
- nombre d'utilisateurs qui trouvent sans le code postal
- nombre d'utilisateurs qui trouvent dans les 5 premiers résultats
- nombre qui ne trouvent pas leur entreprise (avec les queries associées)
- nombre d'utilisateurs qui ont cliqués plusieurs fois sur "voir plus"
Remarques générales
- "Voir plus" => mauvaise solution si trop de résultats :
- soit scroll
- soit pagination
- Affichage des variations pas forcément pertinentes
- "Cara" si on tape "Zara"
- juste gérer les "s" à la fin, les accents, ...
- Bouton de recherche pas obligatoire mais dans ce cas il faut être sur des labels d'accessibilités pour spécifier que les 2 champs filtres et que la zone d'affichage de résultats correspond à cette recherche => possibilité de demander de l'aide sur channel "domaine-accessibilité"
- si on rajoute un bouton de recherche :
- pas grave si un bouton à cliquer en plus car ce parcours n'est fait qu'une seule fois par utilisateurs
- pas grave si parcours différent de parcours "je connais ma CC"
- éventuellement si après investigation c'est pertinent, afficher en plus le dropdown si seulement "3" résultats
- afficher toujours message "je ne trouve pas mon entreprise" à la fin de la liste (notamment pour inciter à utiliser le siret)
2 Solutions possibles
On garde la solution actuelle qu'on rend accessible
- dommage de recoder nous même toute l'accessibilité
- il faut gérer autrement le "voir plus"
On rajoute un bouton "search"
- fonctionne pour tout le monde
- est facilement accessible
- c'est ce que fait Signal Conso
Je rajoute à la discussion les notes envoyés par Dr Design : https://pad.incubateur.net/xR0XGJOWQBW0TktyfNohzg#
Lors de l'implémentation, il faudra veiller à extraire dans outils/common les composants utiliser dans les parcours trouver ma CC (aujourd'hui on utilise ceux présent dans outils/ConventionCollective
CR point du 28/04/2022
Contexte
- le composant pour la recherche de CC est accessible car il n'y a qu'un champ (il faut juste remplacer le bouton "voir plus" par la scroll bar
- le composant de la recherche entreprise (parcours "je ne connais pas ma CC") n'est pas accessible car on ne peut pas lier la zone de résultat à 2 hamps (nom entreprise + CP). Dans la combobox actuelle, les résultats change lors de la saisie d'un CP.
Solutions
- pour la recehrche de CC on garde la combobox actuelle
- pour la recherche d'entreprises :
a. Si on considère que l'auto complétion avec l'ajustement des résultats au cours de la saisie est une fonctionnalité essentielle pour l'utilisateur => on laisse la combobox actuelle sans la rendre accessible b. On met un bouton de recherche (pas de résultat visible ni de suggestions tant qu'on a pas lancer de recherche) c. On met un bouton de recherche en ajoutant les suggestions qui évoluent au cours de la saisie : l'exemple de page jaune est plutôt pas mal : bouton de recherche + suggestions au cours de la saisie (avec max 5 suggestions)
/!\ : il faut penser à l'implémentation du nouveau parcours dans l'étape CC des simulateurs
Pour évaluer si l'auto-complétion (résultats directement disponibles au cours de la saisie) est utile => mettre en place le bouton de recherche (qui pemet d'accéder aux résultats) et voir si les utilisateurs font plusieurs recherches : on pourraient comparer : le nombre d'entreprise_select/nombre de clics sur le bouton de recherche
1. Outil "Trouver sa convention collective"
Parcours "je ne connais pas ma CC"
1) Etape 1 : J'arrive sur le parcours "je ne connais pas ma CC"
2) Etape 2 : je renseigne le nom de mon entreprise sans renseigner de code postal
3) Etape 3 : je lance la recherche
4) Variante : je renseigne le nom de mon entreprise + le code postal (ou la ville)
=> voir si couteux de proposer la sugegstion de recherche pour le CP
4.bis) Je lance la recherche avec l'entreprise + le CP
2.Etape "convention collective" des simulateurs
Voir si pour les simulateurs on opte pas plutôt pour l'UI ci-dessous : mais attention comment ça s'affiche en mobile
