Merci pour vos contributions, j'ai finalement choisi de supprimer la sémantique pour une implémentation plus accessible.
-- Steven Mouret Le 26 juin 2017 à 13:54, Romain Gervois <[email protected]> a écrit : > Bonjour, > > Il n'est pas possible d'utiliser le role progressbar sur l'élément meter > (cf. ARIA in HTML : https://www.w3.org/TR/html-aria/). > D'ailleurs, le role progressbar n'est pas équivalent à un élément meter > mais à un élément progress. > > Pour l'implémentation, soit se passer de meter soit doublonner l'info en > attendant que le support s'améliore. > > Romain > > Le 26 juin 2017 à 08:38, CAILLAUD DAVID <[email protected]> a > écrit : > >> Bonjour, >> >> >> >> Firefox ne reconnait pas meter comme une balise sémantique pour l’instant >> et l’intègre dans l’arbre DOM d’accessibilité comme un div. >> >> A noter, il ne reconnait pas non plus le texte inséré dans une balise >> meter à moins de l’encadrer par une balise span comme suit : >> >> <meter min="1" max="10" value="5"><span>Ceci est un texte >> explicatif</span></meter> >> >> >> >> Une solution possible pour apporter de la sémantique à la balise meter >> pourrait être d’utiliser le rôle aria « progressbar » (et ses attributs >> aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext) qui est >> implémenté par Microsoft sur ses navigateurs IE et Edge en l’occurrence >> pour cette balise. >> >> http://www.w3.org/TR/wai-aria/roles#progressbar >> >> >> >> on aurait donc : >> >> <meter role="progressbar" aria-valuemin="1" aria-valuemax="10" >> aria-valuenow="5" aria-valuetext="Ceci est un texte explicatif" min="1" >> max="10" value="5" ></meter> >> >> >> >> Cette solution devra être adaptée si l’utilisation des autres attributs >> de la balise meter est nécessaire : low , high et optimum. >> >> >> >> David CAILLAUD >> >> >> >> >> >> >> >> *De :* liste_gta [mailto:[email protected]] *De la >> part de* Julie Moynat >> *Envoyé :* mardi 13 juin 2017 21:28 >> *À :* [email protected] >> *Objet :* Re: [Liste GTA] Indicateur de pertinence >> >> >> >> Bonjour, >> >> Effectivement, je viens de tester l'élément grâce à ce lien : >> https://www.w3schools.com/TAgs/tryit.asp?filename=tryhtml5_meter avec >> Firefox et NVDA. Il me lit "vide" quand j'arrive sur les balises "meter" >> (qui ne sont pas vides). Un attribut "title" ou "aria-label" sur l'élément >> ne change rien. >> >> Je pense donc à l'idée de mettre un texte masqué en CSS comme alternative >> qui reprendrait la valeur de pertinence en paragraphe cette fois. Gaël >> Poupard avait écrit un article à ce sujet en proposant un code CSS le plus >> universel possible : http://www.ffoodd.fr/cache-cache-css/ >> >> La balise "meter" peut avoir un attribut "aria-hidden" à "true" pour >> éviter la lecture doublon. >> >> >> >> Julie Moynat >> >> >> >> >> >> Le 7 juin 2017 à 13:11, Steven Mouret <[email protected]> a écrit : >> >> Bonjour à tous, >> >> >> >> Je dois indiquer un indicateur de pertinence sur les résultats d'une >> recherche. >> >> >> >> Actuellement j'utilise la balise meter qui n'est malheureusement pas >> supportée sur tous les navigateurs http://www.html5ac >> cessibility.com/#controls >> >> >> >> Du coup je ne sais pas trop quoi faire, partir sur un simple paragraphe >> indiquant la pertinence en pourcentage avec une représentation stylisée en >> CSS et perdre en sémantique. >> >> >> >> Ou garder ma balise meter au risque de donner de l'information en doublon. >> >> >> >> Ou une autre solution... >> >> >> >> Avez vous déjà eu à rendre accessible ce genre de chose ? >> >> >> >> Merci >> >> >> -- >> Steven Mouret >> >> >> _______________________________________________ >> liste_gta mailing list >> [email protected] >> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org >> >> >> ***************************************************** >> "Le contenu de ce courriel et ses éventuelles pièces jointes sont >> confidentiels. Ils s'adressent exclusivement à la personne destinataire. Si >> cet envoi ne vous est pas destiné, ou si vous l'avez reçu par erreur, et >> afin de ne pas violer le secret des correspondances, vous ne devez pas le >> transmettre à d'autres personnes ni le reproduire. Merci de le renvoyer à >> l'émetteur et de le détruire. >> >> Attention : L'organisme de l'émetteur du message ne pourra être tenu >> responsable de l'altération du présent courriel. Il appartient au >> destinataire de vérifier que les messages et pièces jointes reçus ne >> contiennent pas de virus. Les opinions contenues dans ce courriel et ses >> éventuelles pièces jointes sont celles de l'émetteur. Elles ne reflètent >> pas la position de l'organisme sauf s'il en est disposé autrement dans le >> présent courriel." >> ***************************************************** >> >> _______________________________________________ >> liste_gta mailing list >> [email protected] >> http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org >> >> > > _______________________________________________ > liste_gta mailing list > [email protected] > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > >
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
