Bonjour à tou(te)s,
J'ai une problématique liée à l'accessibilité.
Les contraintes :
l'utilisateur doit renseigner une date de naissance en trois champs (c'est une contrainte métier car le jour de la date n'est pas obligatoire donc pas de date picker ou autre) or la contrainte ergonomique pour inscrire cette partie de formulaire dans le reste de l'écran veut qu'il n'y ait d'affiché qu'un seul libellé "Renseigner sa date de naissance (jj:mm/aaaa) :". Une dernière contrainte pour le challenge, les PO refuse le placeholder pour la raison suivante: Il n'y en a pas sur les autres champs ... no comment.
Solution envisagée :
Placer un <fieldset> et une <legend> reprenant le libellé ci-dessus, et placer les libellés de chaque champ (jour, mois et année) de manière à ce qu'il soit lisible uniquement par les lecteurs écrans en m'appuyant sur cet article http://quentinc.net/contenus-exclusifs-aux-lecteurs-ecran. Je prends soin également d'indiquer le caractère obligatoire/facultatif pour chacun d'eux via l'attribut aria prévu à cet effet. Ce qui me gêne c'est que ces champs sont déjà inscrits dans un fieldset englobant d'autres champs.
Ma question :
Existe-t-il un moyen plus simple de traiter ma problématique en évitant d'imbriquer un fieldset et sa légende dans un autre fieldset contenant également une légende car l'expérience utilisateur sur un lecteur écran risque d'être un peu lourde (lecture des deux légendes suivi du libellé pour chaque champ) ?
Je vous remercie par avance de l’intérêt que vous porterez à ma problématique.
Modifié par KevinSmith (13 Mar 2017 - 11:21)
J'ai une problématique liée à l'accessibilité.
Les contraintes :
l'utilisateur doit renseigner une date de naissance en trois champs (c'est une contrainte métier car le jour de la date n'est pas obligatoire donc pas de date picker ou autre) or la contrainte ergonomique pour inscrire cette partie de formulaire dans le reste de l'écran veut qu'il n'y ait d'affiché qu'un seul libellé "Renseigner sa date de naissance (jj:mm/aaaa) :". Une dernière contrainte pour le challenge, les PO refuse le placeholder pour la raison suivante: Il n'y en a pas sur les autres champs ... no comment.
Solution envisagée :
Placer un <fieldset> et une <legend> reprenant le libellé ci-dessus, et placer les libellés de chaque champ (jour, mois et année) de manière à ce qu'il soit lisible uniquement par les lecteurs écrans en m'appuyant sur cet article http://quentinc.net/contenus-exclusifs-aux-lecteurs-ecran. Je prends soin également d'indiquer le caractère obligatoire/facultatif pour chacun d'eux via l'attribut aria prévu à cet effet. Ce qui me gêne c'est que ces champs sont déjà inscrits dans un fieldset englobant d'autres champs.
Ma question :
Existe-t-il un moyen plus simple de traiter ma problématique en évitant d'imbriquer un fieldset et sa légende dans un autre fieldset contenant également une légende car l'expérience utilisateur sur un lecteur écran risque d'être un peu lourde (lecture des deux légendes suivi du libellé pour chaque champ) ?
Je vous remercie par avance de l’intérêt que vous porterez à ma problématique.
Modifié par KevinSmith (13 Mar 2017 - 11:21)
. Je suis toujours en quête d'utilisations pertinentes des attributs aria sur des cas spécifiques comme celui-ci.