Merci Steven, je vais regarder coté YUI. Cela dit, j'ai peu d'espoir : après que Sylvie m'ait indiqué la page Yahoo, j'ai été tester avec NVDA, et le résultat est strictement similaire à ce que j'obtiens sur ma page actuellement : il y a effectivement une meilleure vocalisation, mais complètement aléatoire, et le même élément peut être une fois vocalisé, une fois non, juste en parcourant plusieurs fois la même liste de résultats. J'ai testé vite fait d'essayer d'implémenter de l'aria (aria-label par exemple) mais sans résultats. Je continue de chercher !
2014-04-29 17:48 GMT+02:00 Steven Mouret <[email protected]>: > Bonjour Matthieu, bonjour la liste, > > Je n'ai jamais eu le temps d'implémenter une auto complétion accessible > mais cependant j'avais fait des recherches en vu de l'implémenter. > > Celui que fonctionnait le mieux était celui proposé par Yahoo : > http://yuilibrary.com/yui/docs/autocomplete/ > > Le problème pour moi et que je n'utilise pas la bibliothèque YUI mais > jQuery. > > Celui proposé par jQuery UI fonctionne très mal, les termes sont vocalisés > une fois sur deux dans NVDA, avec Jaws cela fonctionne bien. > http://jqueryui.com/autocomplete/ > > J'avais trouvé un script full JS qui s'en rapproche et qui fonctionne bien > mais qui n'est pas tout à fait une auto complétion. A mon avis il est > possible de le modifier pour le rendre utilisable en auto complétion. > http://test.cita.illinois.edu/aria/combobox/combobox1.php > > C'est sur cette piste que j’étais partis mais je n'ai jamais eu le temps > de me pencher dessus. > > Je ne sais pas si ça va t'aider, bon courage ;) > > > -- > Steven Mouret > > > Le 29 avril 2014 16:58, Matthieu Marseille <[email protected] > > a écrit : > > Merci Sylvie, ça ne répond pas à ma question, mais ça me donne des pistes >> en effet. Le système sur Yahoo est similaire au mien en tout point à priori >> (au moins en terme de restitution). >> >> D'une part, je remarque que ça fonctionne mieux sous Firefox que Chrome : >> sur Chrome, je n'ai aucune proposition / suggestion, et rien n'est vocalisé >> dans la liste proposée, alors que sur Firefox, j'ai bien les suggestions, >> et certaines sont vocalisées correctement. >> Cependant, je remarque que la vocalisation est aléatoire, et repasser sur >> un élément qui a été vocalisé correctement une première fois ne garanti pas >> qu'il soit vocalisé à nouveau, à la place NVDA dit "vide". >> Je ne trouve pas d'ARIA dans le code sur Yahoo, mais par contre ça peut >> être une piste pour moi, je vais creuser dans ce sens ! >> >> >> >> 2014-04-29 16:47 GMT+02:00 Sylvie Duchateau < >> [email protected]>: >> >> Bonjour Matthieu, >>> Je ne sais pas si ça répond à ton problème, mais vas voir sur le site de >>> yahoo.fr. >>> Avec NVDA, lorsque tu tapes braille par exemple, NVDA dit : "une ou >>> plusieurs suggestions sont disponibles. Utilisez les flèches haut et bas >>> pour les faire défiler". >>> Tu utilises alors les flèches et NVDA annonce: "brailler", "braille >>> alphabet", "braillenet", "braille wikipédia" etc... >>> Je crois qu'ils utilisent ARIA, mais à vérifier, pour ça je laisse la >>> parole aux techniciens. >>> Amicalement >>> Sylvie >>> >>> Le 29/04/2014 15:18, Matthieu Marseille a écrit : >>> >>>> Hello la liste, >>>> >>>> Question un peu tricky je pense, je vais essayer d'être clair. >>>> >>>> J'ai un champ de recherche d'horaires, qui est branché sur une >>>> autocompletion (utilisant jquery.ui). Au bout de (x) caractères entrés >>>> dans le champ, l'autocompletion se met en marche, avec un échange >>>> front-back pour pré-trier les résultats, et une mise en surbrillance >>>> dans la liste de résultats des caractères entrés dans le champ, tout >>>> cela fonctionne plutôt bien. >>>> >>>> Mon problème se situe sur la mise en surbrillance des éléments dans la >>>> liste : chaque élément de la liste d'autocompletion (elle même un ul / >>>> li) est un lien <a>, et pour obtenir la surbrillance, les caractères >>>> entrés dans le champ sont triés, puis affichés encapsulés dans un <span> >>>> dans la liste, afin de pouvoir changer leur style, mais je n'arrive pas >>>> à faire vocaliser ces éléments par NVDA : il me vocalise juste "vide" >>>> pour chaque entrée. >>>> J'ai essayé de remplacer les <span> par du <strong> ou <em> sans succès, >>>> j'ai tenté aussi de réinjecter l'intitulé complet en title sur le >>>> <span>, là non plus sans succès. >>>> >>>> Pour exemple, les éléments de la liste ressemblent à ça : >>>> >>>> <li class="ui-menu-item" role="presentation"> >>>> <a title="Pernes" id="ui-id-5" class="ui-corner-all" tabindex="-1"> >>>> <span title="Pernes">Per</span>nes >>>> </a> >>>> </li> >>>> >>>> Auriez-vous déjà rencontré quelque chose de similaire, auriez-vous une >>>> idée ou une piste ? >>>> Merci ! >>>> >>>> -- >>>> Matthieu MARSEILLE >>>> DFO - F6 TECH >>>> [email protected] <mailto:[email protected]> >>>> >>>> +33 (0)1 49 68 24 55 FullSIX France >>>> 157 rue Anatole France >>>> 92309 Levallois Perret Cedex >>>> <http://maps.google.fr/maps?q=fullsix+levallois+perret&oe= >>>> utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear= >>>> Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0. >>>> 045447&z=15&iwloc=A> >>>> http://www.fullsix.com >>>> <http://www.fullsix.com/> >>>> >>>> >>>> >>>> _______________________________________________ >>>> liste_gta mailing list >>>> [email protected] >>>> http://list.accessiweb.org/mailman/listinfo/liste_gta_ >>>> list.accessiweb.org >>>> >>> >>> -- >>> Sylvie Duchateau >>> Association BrailleNet >>> Tél.: + 33 (0) 1 44 27 26 25 >>> Fax : +33 (0) 1 44 27 34 38 >>> Web: http://www.braillenet.org / http://www.accessiweb.org >>> >>> _______________________________________________ >>> liste_gta mailing list >>> [email protected] >>> http://list.accessiweb.org/mailman/listinfo/liste_gta_ >>> list.accessiweb.org >>> >> >> >> >> -- >> Matthieu MARSEILLE >> DFO - F6 TECH >> [email protected] >> +33 (0)1 49 68 24 55 >> FullSIX France >> 157 rue Anatole France >> 92309 Levallois Perret >> Cedex<http://maps.google.fr/maps?q=fullsix+levallois+perret&oe=utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear=Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0.045447&z=15&iwloc=A> >> http://www.fullsix.com >> >> _______________________________________________ >> 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 > > -- Matthieu MARSEILLE DFO - F6 TECH [email protected] +33 (0)1 49 68 24 55FullSIX France 157 rue Anatole France 92309 Levallois Perret Cedex<http://maps.google.fr/maps?q=fullsix+levallois+perret&oe=utf-8&client=firefox-a&ie=UTF8&hl=fr&hq=fullsix&hnear=Levallois-Perret&ll=48.900189,2.279363&spn=0.016673,0.045447&z=15&iwloc=A> http://www.fullsix.com
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
