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]<mailto:[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.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 [email protected]<mailto:[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
