1174 sujets

Accessibilité du Web

Bonjour,
Petite question expérience utilisateur.
J'ai un formulaire avec des input "classique" et des radio / checkbox.
Lorsque je débute le remplissage de mon formulaire j'ai le clavier " spécial number" qui s'ouvre, puis une fois rempli les 2 champs input number, si je clic sur le suivant de mon clavier, je me retrouve en bas de mon formulaire ou des input number sont disponibles. Malheureusement entre temps il y à plein de questions qui demandent une réponses radio / checkbox.
Comment puis contourner ce genre de problème ?
En espérant avoir été clair, merci de vos réponse
Au cas ou, voici le formulaire en question
Modérateur
Salut,

Tu as le même soucis avec la navigation au clavier ?
Est-ce que l'utilisation de tabindex peut aider ?

Sinon sur quel support tu teste ?

Ton url est protégée, il faut se connecter pour y accéder.
Merci pour ta réponse,
Oui effectivement même soucis avec la navig clavier...
Je regarde tabindex
Modifié par urlien (23 Jul 2018 - 15:55)
Modérateur
Merci pour le lien c'est mieux Smiley smile
Tes input radio sont en display none pour pouvoir les personnaliser.... du coup la navigation ne s’arrête pas dessus vu que ce sont des span...
Modifié par _laurent (23 Jul 2018 - 15:27)
Meilleure solution
Modérateur
Voila Smiley smile C'est un choix à faire entre UX et Graphisme pour le coup ! Ou alors tricker un peu plus et mettre le input en opacity 0 (plutôt qu'en display none) et le superposer au span... ça peut marcher...
Ah ouai !!!
Merci pour l info et le "tricks" !!!
J'vais visiter ces axes de recherche.
Merci et bonne vacances à venir...ou simplement bon été !!!
++
Modifié par urlien (23 Jul 2018 - 15:58)
Petit retour, et non c'est pas encore les vacances...
Donc j'ai passé mes inputs en opacity:0, position: absolute et z-index:-1
Du coup la navigation au clavier "marchote", je peux tabuler et sélectionner mes radios boutons.
Le formulaire
Mais cela ne fonctionne pas sur mobile. J'utilise Chrome sur Android Smiley ohwell
Modifié par urlien (25 Jul 2018 - 12:59)