Re: [Liste GTA] Canva, légende et alternatives
Bonjour Frédéric, La solution d'une live region assertive marchera probablement, mais pas sûr que ce soit très agréable à l'utilisation. Après tout l'utilisateur n'a pas à subir une info systématique, il devrait pouvoir la consulter quand il le souhaite. Quitte à recoder, autant partir sur une progressbar. Il y a un rôle ARIA pour ça: http://www.w3.org/TR/wai-aria/roles#progressbar Il n'y a pas de DP associé, mais la doc du rôle suffit à concevoir un composant conforme. Dans les faits: - role=progressbar sur le canvas - id sur le texte de description - aria-labelledby pointant vers le texte de description - aria-valuemin et aria-valuemax instanciées comme il faut - aria-valuenow mis à jour en fonction de la progression (note: pas besoin de aria-valuetext ici, puisque par défaut le texte restitué est calculé en %, si la TA suit la spec) - comme c'est le seul élément de la page, aria-busy pas applicable ici Une remarque: CANVAS n'est peut-être pas le meilleur choix, sauf si tu es sûr qu'il est supporté par les configs de tes utilisateurs. Un simple sprite via une balise img fera l'affaire (sauf s'il y a des contraintes de type: la forme, la couleur ou le remplissage varient selon le contexte, et sont gérés via le script). Auquel cas tu peux utiliser le alt de l'image pour décrire le composant (à la place du couple id/aria-labelledby), ou garder un alt vide et le procédé id/aria-labelledby Bien sûr, comme pour tout composant sur base ARIA et HTML5, tester sur ta base de référence... Cordialement, [image: --] Olivier Nourry [image: http://]about.me/oliviernourry http://about.me/oliviernourry Le 10 décembre 2014 18:12, Aurélien Levy aurelien.l...@temesis.com a écrit : Bonjour, Pour moi c'est clairement une image décorative vu que toutes les infos sont présente textuellement. Il faut juste s'assurer que le % est bien mis à jour et restitué à intervalle régulier : div aria-live=assertive aria-labelledby=xxx span10%/span canvas width=220 height=220/canvas /div p id=xxxSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/p Aurélien Bonjour, j'aimerais avoir votre avis sur le cas suivant dans le cadre d'une éval. Une image bitmap (balise canvas) est utilisée pour illustrer la progression d'une synchronisation : un cercle se colore par tranche de 5%. C'est le seul élément d'une page blanche. Il s'agit selon moi d'une image porteuse d'information pour laquelle il faut évaluer la pertinence de l'alternative. Le code est le suivant : span10%/span canvas width=220 height=220/canvas spanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span L'image et le texte du pourcentage sont mis à jour par script. Quel(s) critère(s) invalider ? Le 1.3.9 est non applicable car le contenu entre canvas et /canvas est vide. Peut-on considérer qu'on est dans le cas d'une image bitmap légendée (1.10.5) et que ce critère et non valide ? Les préconisations de correction suivantes sont-elles correctes ? Laquelle est la meilleure ? Préco 1 : figure role=group canvas width=220 height=220Synchronisation/canvas figcaption span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /figcaption /figure Préco 2 : canvas width=220 height=220 span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /canvas [Mode troll on] Préco 3 (solution alternative simplifiée) : L'image est considérée comme une image de décoration et n'est pas restituée aux TA. Une notification est implémentée de manière accessible : Synchronisation (mise à jour de la base locale) en cours. Elle est répétée régulièrement (toutes les 5 secondes ?). [Mode troll off] Merci de votre collaboration ! En juin 2013, la division Services Numériques du *Groupe D.A.C.P* (maison mère d'*E tic*) a créé une nouvelle société de services : *Novia Systems* avec 500 nouveaux collaborateurs. Dans notre volonté d'apporter à nos clients des réponses adaptées aux dé s de demain, *E tic* et *Novia Systems* ont fusionné au 1er janvier 2014 pour donner naissance à une société de services numériques de 1000 personnes et de plus de 80 M€ de C.A, qui porte le nom de *Novia Systems*. [image: novia systems] FRÉDÉRIC BERNIER-MALCOIFFE CHEF DE PROJETS - EXPERT EN ACCESSIBILITE *adresse : *1, rue du Château de l'Eraudière - 44306 - NANTES Cedex 3 *tél : *+33 (0)2.51.89.78.78 - *fax : *+33 (0)2.51.89.78.50 *direct : *+33 (0)2.51.89.78.66 - *poste : 32*.66 ___ liste_gta mailing listliste_gta@list.accessiweb.orghttp://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org -- Aurélien Levy Temesis ___ liste_gta mailing list liste_gta@list.accessiweb.org
[Liste GTA] Canva, légende et alternatives
Bonjour, j'aimerais avoir votre avis sur le cas suivant dans le cadre d'une éval. Une image bitmap (balise canvas) est utilisée pour illustrer la progression d'une synchronisation : un cercle se colore par tranche de 5%. C'est le seul élément d'une page blanche. Il s'agit selon moi d'une image porteuse d'information pour laquelle il faut évaluer la pertinence de l'alternative. Le code est le suivant : span10%/span canvas width=220 height=220/canvas spanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span L'image et le texte du pourcentage sont mis à jour par script. Quel(s) critère(s) invalider ? Le 1.3.9 est non applicable car le contenu entre canvas et /canvas est vide. Peut-on considérer qu'on est dans le cas d'une image bitmap légendée (1.10.5) et que ce critère et non valide ? Les préconisations de correction suivantes sont-elles correctes ? Laquelle est la meilleure ? Préco 1 : figure role=group canvas width=220 height=220Synchronisation/canvas figcaption span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /figcaption /figure Préco 2 : canvas width=220 height=220 span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /canvas [Mode troll on] Préco 3 (solution alternative simplifiée) : L'image est considérée comme une image de décoration et n'est pas restituée aux TA. Une notification est implémentée de manière accessible : Synchronisation (mise à jour de la base locale) en cours. Elle est répétée régulièrement (toutes les 5 secondes ?). [Mode troll off] Merci de votre collaboration ! En juin 2013, la division Services Numériques du Groupe D.A.C.P (maison mère d'Etic) a créé une nouvelle société de services : Novia Systems avec 500 nouveaux collaborateurs. Dans notre volonté d'apporter à nos clients des réponses adaptées aux dés de demain, Etic et Novia Systems ont fusionné au 1er janvier 2014 pour donner naissance à une société de services numériques de 1000 personnes et de plus de 80 M€ de C.A, qui porte le nom de Novia Systems. FRÉDÉRIC BERNIER-MALCOIFFE CHEF DE PROJETS - EXPERT EN ACCESSIBILITE adresse :1, rue du Château de l'Eraudière - 44306 - NANTES Cedex 3 tél :+33 (0)2.51.89.78.78 - fax :+33 (0)2.51.89.78.50 direct :+33 (0)2.51.89.78.66 - poste : 32.66___ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
Re: [Liste GTA] Canva, légende et alternatives
Bonjour, Pour moi c'est clairement une image décorative vu que toutes les infos sont présente textuellement. Il faut juste s'assurer que le % est bien mis à jour et restitué à intervalle régulier : div aria-live=assertive aria-labelledby=xxx span10%/span canvas width=220 height=220/canvas /div p id=xxxSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/p Aurélien Bonjour, j'aimerais avoir votre avis sur le cas suivant dans le cadre d'une éval. Une image bitmap (balise canvas) est utilisée pour illustrer la progression d'une synchronisation : un cercle se colore par tranche de 5%. C'est le seul élément d'une page blanche. Il s'agit selon moi d'une image porteuse d'information pour laquelle il faut évaluer la pertinence de l'alternative. Le code est le suivant : span10%/span canvas width=220 height=220/canvas spanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span L'image et le texte du pourcentage sont mis à jour par script. Quel(s) critère(s) invalider ? Le 1.3.9 est non applicable car le contenu entre canvas et /canvas est vide. Peut-on considérer qu'on est dans le cas d'une image bitmap légendée (1.10.5) et que ce critère et non valide ? Les préconisations de correction suivantes sont-elles correctes ? Laquelle est la meilleure ? Préco 1 : figure role=group canvas width=220 height=220Synchronisation/canvas figcaption span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /figcaption /figure Préco 2 : canvas width=220 height=220 span id=pourcent10%/spanspanSynchronisationbrspan style=font-size:xx-smallMise à jour de la base locale/span/span /canvas [Mode troll on] Préco 3 (solution alternative simplifiée) : L'image est considérée comme une image de décoration et n'est pas restituée aux TA. Une notification est implémentée de manière accessible : Synchronisation (mise à jour de la base locale) en cours. Elle est répétée régulièrement (toutes les 5 secondes ?). [Mode troll off] Merci de votre collaboration ! En juin 2013, la division Services Numériques du *Groupe D.A.C.P* (maison mère d'*Etic*) a créé une nouvelle société de services : *Novia Systems* avec 500 nouveaux collaborateurs. Dans notre volonté d'apporter à nos clients des réponses adaptées aux dés de demain, *Etic* et *Novia Systems* ont fusionné au 1er janvier 2014 pour donner naissance à une société de services numériques de 1000 personnes et de plus de 80 M€ de C.A, qui porte le nom de *Novia Systems*. novia systems FRÉDÉRIC BERNIER-MALCOIFFE CHEF DE PROJETS - EXPERT EN ACCESSIBILITE *adresse : *1, rue du Château de l'Eraudière - 44306 - NANTES Cedex 3 *tél : *+33 (0)2.51.89.78.78 - *fax : *+33 (0)2.51.89.78.50 *direct : *+33 (0)2.51.89.78.66 - *poste : 32*.66 ___ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org -- Aurélien Levy Temesis ___ liste_gta mailing list liste_gta@list.accessiweb.org http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org