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 <david.caill...@cnamts.fr> 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:liste_gta-boun...@list.accessiweb.org] *De la > part de* Julie Moynat > *Envoyé :* mardi 13 juin 2017 21:28 > *À :* liste_gta@list.accessiweb.org > *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 <steven.mou...@gmail.com> 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.html5accessibility.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 > liste_gta@list.accessiweb.org > 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 > liste_gta@list.accessiweb.org > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > >
_______________________________________________ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org