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 <[email protected]> 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"> > <span>10%</span> > <canvas width="220" height="220"></canvas> > </div> > <p id="xxx">Synchronisation<br><span style="font-size:xx-small">Mise à > 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 : > <span>10%</span> > <canvas width="220" height="220"></canvas> > <span>Synchronisation<br><span style="font-size:xx-small">Mise à 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="220">Synchronisation</canvas> > <figcaption> > <span id="pourcent">10%</span><span>Synchronisation<br><span > style="font-size:xx-small">Mise à jour de la base locale</span></span> > </figcaption> > </figure> > > Préco 2 : > > <canvas width="220" height="220"> > <span id="pourcent">10%</span><span>Synchronisation<br><span > style="font-size:xx-small">Mise à 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 > [email protected]http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > > > > -- > Aurélien Levy > ---- > Temesis > > > _______________________________________________ > 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
