Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA WALTER DE ABREU CYBIS, DR ING. JEAN-MARIE D AMOUR, M. ÉD. Résumé Ce rapport décrit l étude réalisée par l'équipe «Accessibilité des technologies» de l'institut Nazareth et Louis-Braille (INLB) visant à tester la performance des lecteurs d écran et des navigateurs les plus actuels par rapport à leur prise en charge à l égard de la spécification WAI- ARIA. À partir d exemples d interfaces enrichies disponibles dans les portails de l Université de l Illinois (icita) et du Open Ajax Alliance Accessibility, 11 cas de test ont été sélectionnés. Le montage d un banc d essai a permis de tester 14 combinaisons (appelées «agents-utilisateurs») avec 5 lecteurs d écran et 5 navigateurs, sur 3 plateformes. Les résultats révèlent que le lecteur d écran NVDA et le navigateur Firefox (FF) sont les plus performants chacun dans leur catégorie. Associés, NVDA et FF forment «l agent-utilisateur» le plus efficace et avancé par rapport à la combinaison de deuxième place (formée de JAWS 13 et FF). Le jumelage NVDA-FF est celui qui offre la meilleure accessibilité des composants d interface enrichis, tels les bulles d aide, les accordéons, les repères et les barres d outils. 1 Introduction WAI-ARIA est un projet mené par l Initiative pour l accessibilité du Web (WAI Web Accessibility Initiative) du Web Consortium (W3C) visant à rendre accessibles les applications Web dynamiques ou enrichies (ARIA - Accessible Rich Internet Applications). Cette spécification prend la forme d un ensemble de rôles et d attributs (états et propriétés) destinés à mieux informer l utilisateur sur la sémantique des contenus dynamiques des pages Web, et lui permettre d interagir avec ceux-ci, à l aide du clavier [3]. Des déclarations comme role="slider", aria-valuemin="0", aria-valuemax="100" et aria-valuenow="50", intégrées aux balises des composants HTML permettent à un lecteur d écran de modifier son comportement et d annoncer aux utilisateurs aveugles ou malvoyants qu ils sont en train d interagir avec un bouton à glissoire (slider) placé à la moitié de sa valeur maximale, par exemple. La spécification WAI-ARIA se compose de 72 rôles organisés en 4 catégories : rôles abstraits (abstracts), composants d interface (widgets), document structuré (document structure), et repères (landmarks) et de 32 attributs organisés en 3 catégories : composants d interface, glisser-déposer (drag-and-drop) et relations. Lors de sa mise en place, le concepteur doit respecter les règles d association entre les rôles et attributs, prévoir une navigation au clavier, contrôler le focus et la priorité des boîtes de dialogue modales pour les composants de son interface enrichie, gérer les transformations dynamiques, et ce, à travers d autres tâches [4].
Toutefois, ce travail complexe permet aux programmeurs de constater que le résultat n est pas optimal ni homogène sur tous les navigateurs, lecteurs d écran et plateformes. En fait, à l heure actuelle, ces technologies sont plus ou moins performantes pour rendre accessible une interface dynamique [5]. L'équipe «Accessibilité des technologies» de l INLB a réalisé une batterie de tests pour connaître plus en détail cette réalité. À travers ces tests, se sont révélées des solutions technologiques proposant les meilleurs services d assistance basés sur la spécification WAI- ARIA; une opportunité d identifier leurs forces et faiblesses, ainsi que les contextes (types de composants d interface) déterminant leurs performances. Les détails de cette activité et les résultats qui en découlent sont présentés dans ce qui suit. 2 Activités Pour effectuer ces tests, des modèles d interfaces déjà mis en place par des organisations réputées pour leur maîtrise de la spécification WAI-ARIA ont été utilisés, à savoir : 1. OpenAjax Alliance Accessibility [1] 2. icita - Illinois Center for Information Technology and Web Accessibility [2]. Onze modèles d interfaces dynamiques, parmi les plus populaires, ont été ciblés (voir les références de ces cas de test dans le tableau A.1, annexé à ce rapport) : 1. Zone de liste déroulante (combobox) 2. Panneau d onglets (tabpanels) 3. Accordéon 4. Barre de menu (menu bar), 5. Repères (landmarks) 6. Barre d outils (toolbar), 7. Arborescence (tree), 8. Tableau interactif (grid), 9. Bulle d aide (tooltip) 10. Région déployable (expandable) 11. Région vive (live region) Trois plateformes ont composé le banc d essai : PC (Windows), Mac (OS X Mountain Lion) et ios6 pour les appareils mobiles, incluant les navigateurs Firefox, IE8, IE9 et Safari, ainsi que les lecteurs d écran NVDA, JAWS 11, JAWS 12, JAWS 13 et VoiceOver. L association navigateur et lecteur d écran pour une plateforme est nommée «agent-utilisateur», c est-à-dire un environnement logiciel au service d un utilisateur handicapé visuel. Au total, les services fournis par 14 «agents-utilisateurs» (combinaisons) ont été testés, quant aux 11 cas de test sélectionnés (voir les détails de ces environnements dans le tableau A.4, annexé à ce rapport). Parmi les rôles et attributs WAI-ARIA présents dans les exemples, 27 rôles et 15 attributs ont été sélectionnés comme objets de tests. Ensuite, 52 critères de réussite pour évaluer la performance des «agents-utilisateurs» ont été définis. À titre d exemple, les critères de réussite pour le rôle «application» sont ici listés :
1. L «agent-utilisateur» annonce «Application» lorsque l utilisateur se rend sur un composant de cette zone (en utilisant les flèches, la touche de tabulation ou celle de navigation rapide); 2. L'interface réagit comme une application, c est-à-dire que les raccourcis clavier des lecteurs d'écran en mode navigation cessent de fonctionner et que l utilisateur navigue avec les raccourcis au clavier prévus par le concepteur des exemples testés. Pour chaque cas de test, des critères de réussite concernant aussi la navigation au clavier ont été définis, comme dans cet exemple considérant deux critères de réussite pour les interactions par clavier avec une zone de liste déroulante (combobox) : 1. L utilisateur doit être capable d ouvrir et de fermer une zone de liste déroulante à l aide du clavier; 2. L utilisateur doit être capable de sélectionner les items au moyen des touches d édition et des flèches du clavier. Les tableaux A.2 et A.3 annexés à ce rapport montrent l ensemble des rôles et attributs testés, ainsi que les critères de réussite utilisés pour évaluer leur performance. Il est important de mentionner que ces exigences ont été définies à partir de l observation des meilleures pratiques proposées par différents «agents-utilisateurs». Ainsi, chaque critère de réussite correspond à l une des bonnes pratiques mises en place par ces agents, à l heure actuelle. Enfin, des séances de tests ont été effectuées, à travers lesquelles tous les exemples d interface enrichie à l aide de tous les «agents-utilisateurs» ont été parcourus. À la fin de chaque séance a été attribuée une note entre 0 et 10, reflétant la mesure dans laquelle l «agent-utilisateur» répondait aux critères de réussite définis pour les rôles et attributs WAI-ARIA présents dans les cas de test. Les notes étaient enregistrées dans un tableur produisant les valeurs moyennes des performances des «agents-utilisateurs», selon différentes perspectives. 3 Résultats Les notes afférentes à la performance des «agents-utilisateurs» à l égard des composants d interface et des spécifications WAI-ARIA sélectionnés pour les tests sont présentées dans les tableaux A5, A6 et A7, annexés à ce rapport. L image de la grille d évaluation (figure 1) montre, par l application d un code de couleurs, que les niveaux de performance des «agents-utilisateurs» sont assez inégaux. Cela se vérifie dans les deux dimensions du tableau : celle des agents individuels (les colonnes) et celle des composants d interface (les rangées). S inscrit aussi une régularité de la part de l agent NVDA-FF, qui performe bien quant à l ensemble des composants d interface testés. JAWS 11 et IE9 montrent un autre type de régularité plutôt marquée celle-là par des lacunes dans leurs services quant à l ensemble des cas de test. De leur côté, les «agents-utilisateurs» performent bien en ce qui a trait aux bulles d aide, mais présentent par contre des lacunes dans les barres de menus. À l exception de ces quelques cas, il n y a pas de régularité dans les services des «agents-utilisateurs» à l égard des spécifications WAI-ARIA.
Figure 1 Copie de l image de la grille des résultats des tests des «agents-utilisateur» (colonnes) quant aux différents cas de test (rangées). Leurs performances sont associées à des couleurs selon le schéma de codification : 100 % = vert; 50 % = jaune; 0 % = rouge. Les résultats montrent que l «agent-utilisateur» NVDA-Firefox est le plus performant dans une interface enrichie, remplissant 95,6 % des exigences définies par les testeurs. Le palmarès des «agents-utilisateurs» est présenté dans le tableau 1, dans lequel on peut constater l écart considérable (plus de 18 %) entre NVDA-Firefox et l «agent-utilisateur» placé au deuxième rang : JAWS 13-FF, dont la performance atteint 77,0 %. À remarquer aussi, le niveau de performance à peine moyen des «agents-utilisateurs» formés par les versions les plus récentes de JAWS et d Internet Explorer.
En effet, l agent JAWS 13-IE9 remplit 67,6 % des exigences des testeurs, une performance moins bonne que celle de son frère aîné, l agent JAWS 13-IE8, dont la cote est à 69,8 %. Tableau 1 Palmarès des «agents-utilisateurs» Positions Agents-utilisateurs Lecteurs d écran Navigateurs Performance à l égard des spécifications WAI-ARIA (note sur 100) 1 NVDA FF 95,6 2 JAWS 13 FF 77,0 3 VoiceOver Safari Mountain 73,6 Lion 4 JAWS 12 FF 72,4 5 JAWS 13 IE8 69,8 6 JAWS 12 IE8 67,0 7 JAWS 13 IE9 67,6 8 NVDA IE9 63,0 9 NVDA IE8 63,0 10 JAWS 12 IE9 60,8 11 VoiceOver Safari ios6 58,3 12 JAWS 11 FF 57,3 13 JAWS 11 IE8 45,1 14 JAWS 11 IE9 41,2 Moyenne générale 65,5 NVDA (septembre 2012 version bêta 5240) est le lecteur d écran qui a eu la meilleure performance individuelle (voir tableau 2). En moyenne, il remplit 74 % des exigences des testeurs, indépendamment du navigateur et du type d interface enrichi. Pour sa part, Firefox est le meilleur des navigateurs, avec une moyenne de 75,6 % des exigences, indépendamment du lecteur et du type d interface (voir tableau 3).
Tableau 2 Palmarès des lecteurs d écran en fonction de leurs performances moyennes, indépendamment du navigateur et du type d interface enrichie. Lecteurs d écran Performance à l égard des spécifications WAI-ARIA (note sur 100) NVDA 73,9 JAWS 13 71,5 JAWS 12 66,7 VoiceOver 65,9 JAWS 11 47,8 Tableau 3 Palmarès des navigateurs en fonction de leurs performances moyennes, indépendamment du lecteur d écran et du type d interface enrichie. Navigateurs Performance à l égard des spécifications WAI-ARIA (note sur 100) FF 75,6 Safari Mountain Lion 65,9 IE8 61,2 IE9 58,2 À la lecture de ces tableaux, force est de constater que ces trois séries de résultats se confirment les unes les autres. Quant à la spécification WAI-ARIA, NVDA et Firefox performent assez bien individuellement, et mieux encore ensemble. Les niveaux de performance des «agents-utilisateurs» à l égard des différents composants d interfaces enrichies testés sont présentés dans le tableau 4. On pourrait classer les quatre composants où les «agents-utilisateurs» performent le mieux (performance supérieure à 70 %) dans une catégorie de composants «garantis». Les bulles d aide, les accordéons, les repères et les barres d outils sont des composants dont les concepteurs peuvent se servir sans trop de souci, car en moyenne, ils sont bien pris en charge par les «agents-utilisateurs». On note cependant que malgré sa remarquable performance générale, NVDA n obtient pas une bonne note en travaillant sur des barres d outils avec IE8 et IE9. Les concepteurs doivent porter une attention particulière dans la mise en place de ces types de composant.
Les concepteurs seraient aussi appelés à s attarder aux interfaces mettant en place des arborescences, des sections déployables et des tableaux interactifs. Suivant les résultats des tests effectués, ces composantes d interface seraient classées dans une catégorie de composants moins bien pris en charge par les «agents-utilisateurs». Finalement, il importe de connaître les lacunes dans les services des meilleurs «agentsutilisateurs» par rapport aux rôles et attributs du WAI-ARIA pris séparément; considérant comme une lacune le fait qu un «agent-utilisateur» affiche une performance moyenne inférieure à 50 %. Ce même tableau montre que l agent NVDA-Firefox présente des lacunes à l égard des spécifications «role="menuitemcheckbox"» et «aria-checked= true/false» seulement. Si l on considère l ensemble des «agents-utilisateurs» sélectionnés pour les tests, les lacunes se concentrent sur un nombre limité de rôles et attributs, soit 10 sur 38 (26,36 % voir tableau 4 annexé à ce document). Tableau 4 Performance des «agents-utilisateurs» quant aux composants d interface enrichie. Lacunes dans les services des «agents-utilisateurs» quant aux différents composants d interface. Composants d interface Performance moyenne des «agentsutilisateurs» (note sur 100) Pires performances (note <50 %) Bulle d aide 92,1 -- Accordéon 86,4 JAWS11-IE8/IE9 Repère 74,3 JAWS11-IE8/IE9/FF Barre d outils 72,9 NVDA-IE8/IE9 Panneau d onglet 69,5 JAWS11/12-IE8/IE9 Région vive 66,4 NVDA-IE8/IE9 Zone de liste déroulante 59,4 JAWS11-IE9 VoiceOver-Safari IOS JAWS12-IE8 JAWS13-IE8/IE9 Arborescence 53,4 VoiceOver-Safari IOS VoiceOver-Safari JAWS13-IE9/IE8 JAWS12-IE9 Section déployable 52,9 JAWS13-FF JAWS12-FF/IE9 JAWS11- IE9/IE8/FF Barre de menu 52,0 VoiceOver-Safari IOS JAWS11-IE9/IE8/FF JAWS12-IE9/IE8 JAWS13-IE9 Tableau interactif 42,9 VoiceOver-Safari IOS VoiceOver-Safari JAWS12-IE8 JAWS11-IE8/IE9
4 Conclusions finales Les tests réalisés ont, entre autres, permis : de connaître avec un niveau de détails assez élevé la performance des différents «agents-utilisateurs», selon divers composants d interface et spécifications WAI-ARIA; d identifier les «agents-utilisateurs», les lecteurs d écran et les navigateurs les plus performants dans la mise en place de la spécification WAI-ARIA; recueillir un ensemble des meilleures pratiques en ce qui concerne les services proposés par les «agents-utilisateurs»; diagnostiquer les composants d interface qui sont le mieux pris en charge par ces agents. À la lumière des tests effectués (11 cas de test, 27 rôles et 15 attributs WAI-ARIA), il appert que NVDA et Firefox sont les meilleurs dans leur catégorie et forment ensemble l «agentutilisateur» le plus performant. Cette étude a aussi révélé l évolution de la performance des «agents-utilisateurs» formés par JAWS et Internet Explorer. En fait, la performance de JAWS 13 quant aux spécifications WAI-ARIA est nettement supérieure à celle des JAWS 11 et 12. Cependant, la performance d IE8 serait supérieure à celle d IE9. De plus, sur un nombre considérable de spécifications (role= "combobox", aria-expanded=true/false, role= "menu", role="menuitem", role=" tree") il y a eu un retour en arrière au niveau de la performance des agents formés par JAWS (11, 12 et 13) sur IE9 par rapport à ceux concernant IE8. Ce type de résultats s avère utile tant pour les concepteurs que pour les organisations au service des utilisateurs handicapés. Les premiers pourraient s en servir pour planifier leurs actions de conception et de tests. Les seconds pourraient orienter leurs politiques et leurs stratégies d intervention et de formation auprès des personnes handicapées visuelles en leur suggérant d utiliser, sur le Web, les services de NVDA et de Firefox. Pour conclure, WAI-ARIA est un outil puissant et indispensable pour l ergonomie des interfaces Web enrichies. Cette spécification peut être utile à ceux qui utilisent un lecteur d écran, ainsi qu à ceux qui se servent d un clavier. Bien que WAI-ARIA soit encore loin d une prise en charge fiable et cohérente, son utilisation est fortement recommandée pour l adaptation d applications Web enrichies dans un environnement contrôlé, comme un intranet ou extranet. En effet, dans ces environnements on peut connaître et contrôler les navigateurs et les lecteurs d écran employés par les utilisateurs. Pour des sites Web publics, l utilisation de la spécification WAI-ARIA est déconseillée à l heure actuelle, à moins qu une version de rechange basée sur l utilisation du HTML standard accessible soit disponible. Pour l avenir, il serait souhaitable d approfondir cette étude en développant la base de tests développée par l INLB et en impliquant des utilisateurs dans la définition des critères de réussite, ainsi que dans les tests.
Références Web (pages visitées en septembre 2012) 1. Accessibility Task Force, OpenAjax Alliance, http://oaa-accessibility.org/examples/ 2. icita, Illinois Center for Information Technology and Web Accessibility, Disability Resources and Educational Services (DRES), College of Applied Health Sciences, University of Illinois at Urbana-Champaign ( http://test.cita.illinois.edu/aria/ 3. When can I use... http://caniuse.com/wai-aria 4. World Wide Web Consortium,Web Accessibility Initiative, Accessible Rich Internet Applications (WAI-ARIA) 1.0 http://www.w3.org/tr/wai-aria/ 5. World Wide Web Consortium, Web Accessibility Initiative, WAI-ARIA 1.0 Authoring Practices - http://www.w3.org/tr/2010/wd-wai-aria-practices-20100916/
Annexes Tableau A.1 - Références des cas de test utilisés dans cette étude. N o Test 1 Test 2 Test 3 Test 4 Test 5 Test 6 Test 7 Test 8 Test 9 Test 10 Test 11 Description CITA Combobox Example 2/3: aria-autocomplete = 'list' http://test.cita.illinois.edu/aria/combobox/combobox2.php CITA Tabpanel Example 1: Tabpannel http://test.cita.illinois.edu/aria/tabpanel/tabpanel1.php CITA Tabpanel Example 2: Accordian http://test.cita.illinois.edu/aria/tabpanel/tabpanel2.php CITA Navigation Roles Example 1 http://test.cita.illinois.edu/aria/nav/nav1.php Exemple complementaire: http://html5accessibility.com/tests/roles-land.html OpenAjax Example 25 - Menubar http://oaa-accessibility.org/example/25/ OpenAjax Example 42 - Treeview: Using aria-owns http://oaa-accessibility.org/example/42/ OpenAjax Example 25 - Region http://oaa-accessibility.org/example/20/ OpenAjax Grid Example 2: Email Application http://test.cita.illinois.edu/aria/grid/grid2.php OpenAjax http://oaa-accessibility.org/example/39/ Example 39 - Tooltip CITA Toolbar Example 38 http://oaa-accessibility.org/example/38/ Librairie: OpenAjax Example 23 - Live Region http://http://oaa-accessibility.org/example/23/
Tableau A.2 - Déclarations des critères de réussite associés à actions des «agents-utilisateurs» à l égard des spécifications WAI-ARIA. N o Rôles et attributs Critères de réussite 1 role=application 1 - L «agent-utilisateur» annonce «Application» lorsque l utilisateur se déplace sur un composant de la zone d'application (avec les flèches, la touche de tabulation ou de navigation rapide); 2 - L'interface réagit comme application, c est-à-dire que les raccourcis clavier des lecteurs d'écran en mode navigation cessent de fonctionner et que l utilisateur navigue avec les raccourcis au clavier prévus par le concepteur des exemples testés. 2 role=combobox 1 - L «agent-utilisateur» annonce «zone de liste déroulante» ou «zone de liste déroulante avec édition») lorsque l utilisateur se déplace sur la liste avec les flèches, la touche de tabulation ou de navigation rapide. 3 aria-autocomplete="inline" 1 - L «agent-utilisateur» annonce que le champ fait de l'auto complétion; 2 - L «agent-utilisateur» annonce le nom de l'option correspondant à une saisie initiée. 4 aria-expanded="true/false" (role= "combobox") 1 - L «agent-utilisateur» annonce que le composant est ouvert ou fermé (ou dans des termes équivalents). 5 aria-activedescendant 1 - L «agent-utilisateur» lit l'option «illinois» sélectionnée (qui a le focus des actions) dès le départ. 7 role="tablist"+ role="tab" 1- L «agent-utilisateur» annonce «Onglet» ou une expression équivalente («Tab»); 2 - L «agent-utilisateur» annonce combien d onglets existent et quelle est la position de l'onglet sélectionné. 8 aria-hidden 1 - L «agent-utilisateur» n'annonce pas les composants cachés. 9 role="tab" + aria-controls + role="tabpanel" 1 - L «agent-utilisateur» présente le bon panneau. 10 role="navigation" 1 - L'utilisateur peut se déplacer directement à la zone avec les touches de commande des lecteurs d'écran; 2 - L «agent-utilisateur» annonce la zone lorsqu'on accède à l un de ces composants la première fois (par les flèches et par la commande); 3 - L «agent-utilisateur» affiche la zone dans les listes de repères (landmarks). 11 role= "search" Idem ci-dessus. 12 role="banner" Idem ci-dessus. 13 role="main" Idem ci-dessus. 14 role="document" Idem ci-dessus. 15 role="contentinfo" Idem ci-dessus. 16 role="menubar" 1 - L «agent-utilisateur» annonce «barre de menu». 17 role="menu" 1 - L «agent-utilisateur» annonce «menu» ou «sous-menu» et son nom (et vice et versa); 2 - L «agent-utilisateur» annonce sa position relative dans la barre de menu. 18 role="menuitem" 1 - L «agent-utilisateur» annonce «option de menu»; 2 - L «agent-utilisateur» annonce son nom (et vice et versa); 3 - L «agent-utilisateur» annonce sa position relative dans le groupe. 19 aria-checked 1 L «agent-utilisateur» annonce l'état coché ou non coché d'une option.
20 role="menuitemradio et aria-checked 1 - L «agent-utilisateur» annonce le nom de l'option, son type «option de menu radio» et son état coché ou non coché. 21 role="menuitemcheckbox" et aria-checked 1 - L «agent-utilisateur» annonce le nom de l'option, son type «option de menu checkbox» et son état coché ou non coché. 22 role="tree" 1 - L «agent-utilisateur» annonce «arborescence» et son nom dès qu'on s y déplace la première fois sur n'importe quel élément de l'arborescence. 23 role="treeitem" 1 - L «agent-utilisateur» annonce «item d'arborescence» et son nom; 2 - L «agent-utilisateur» annonce son niveau dans l'arborescence; 3 - L «agent-utilisateur» annonce sa position relative dans le groupe; 4 - Lorsqu'on arrive sur l'arborescence et que l'item a déjà le focus, on annonce le nom et le type de l'item ainsi que sa position dans l'arborescence et le nom de la branche à laquelle il appartient. 24 role="group" 1 - L «agent-utilisateur» annonce un groupe d'arborescence; 2 - L «agent-utilisateur» annonce combien d'éléments sont dans le groupe. 25 aria-expanded=true/false role="group" 1 - L «agent-utilisateur» annonce le nom du groupe et son état «ouvert» ou «fermé». 26 role="region" 1 - L «agent-utilisateur» lit le texte de la section. 27 role="grid" 1 - L «agent-utilisateur» annonce «tableau» et son nom. 28 role="button" 1 - L «agent-utilisateur» annonce un bouton et son état sélectionné. 29 role="presentation" 1 - L «agent-utilisateur» n annonce pas la sémantique native du composant, dans ce cas, une case à cocher (input type="checkbox"). 31 role="tooltip" 1 - L «agent-utilisateur» annonce la bulle d'aide et lit son contenu. 33 aria-required 1 - L «agent-utilisateur» annonce que l'entrée est obligatoire. 34 role="toolbar" 1 - L «agent-utilisateur» annonce «barre d outils». 35 aria-labelledby 1 - L «agent-utilisateur» lit le libellé. 36 aria-pressed 1 - L «agent-utilisateur» lit l'état pressé de l'objet. 37 role="timer" aria-live="assertive" aria-atomic="true" aria-relevant="all 1 - L «agent-utilisateur» lit le contenu dynamique présenté dans les champs; 2 - L «agent-utilisateur» annonce le type de dynamique (addition ou suppression). 38 role"log" aria-live="polite" aria-atomic="true" aria-relevant="all" 1 - L «agent-utilisateur» lit le contenu dynamique ajouté dans les champs; 2 - L «agent-utilisateur» annonce les suppressions.
Tableau A.3 - Critères de réussite des interactions par clavier. Cas de test Combobox Tabpannel Accordeon Menubar Treeview Grid Critère de réussite 1 - L «agent-utilisateur» peut ouvrir et fermer la liste; 2 - L «agent-utilisateur» peut sélectionner les items au clavier (édition et flèches). 1 - L «agent-utilisateur» est capable de se déplacer entre les onglets; 2 - L «agent-utilisateur» est capable de se déplacer entre les options d'un onglet; 3 - L «agent-utilisateur» est capable de se déplacer entre les options et les onglets. 1 - L «agent-utilisateur» est capable de se déplacer entre les panneaux; 2 - L «agent-utilisateur» est capable de se déplacer entre les options d'un panneau; 3 - L «agent-utilisateur» est capable de se déplacer entre les options et les panneaux. 1 - L «agent-utilisateur» est capable de se déplacer entre les menus; 2 - L «agent-utilisateur» est capable de se déplacer entre les options d'un menu; 3 - L «agent-utilisateur» est capable de se déplacer entre les options et les menus. 1 - L «agent-utilisateur» est capable de se déplacer entre les items; 2 - L «agent-utilisateur» est capable d'ouvrir et fermer un item déployable. 1 - L «agent-utilisateur» est capable de se déplacer entre les entêtes; 2 - L «agent-utilisateur» est capable de cliquer sur un bouton des en-têtes; 3 - L «agent-utilisateur» est capable de se déplacer entre les cellules de données; 4 - L «agent-utilisateur» est capable de sélectionner un message.
Tableau A.4 - Environnements montés pour les tests. Environnement Ordinateur Lecteur d écran Navigateur 1 PC NVDA 2012.2.1 IE8 2 PC NVDA 2012.2.1 IE9 3 PC NVDA 2012.2.1 FF 4 PC JAWS11 IE8 5 PC JAWS11 IE9 6 PC JAWS11 FF 7 PC JAWS12 IE8 8 PC JAWS12 IE9 9 PC JAWS12 FF 10 PC JAWS13 IE8 11 PC JAWS13 IE9 12 PC JAWS13 FF 13 Mac VoiceOver Safari 6.0 pour Mac 14 iphone VoiceOver Safari pour ios 5.1.1
Tableau A.5 - Notes des «agents-utilisateurs» par composant d interface et spécification WAI-ARIA. Composant d'interface/ Spécification WAI-ARIA Notes moyennes «Agents-utilisateurs» NVDA JAWS 11 JAWS 12 JAWS 13 VO IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF Safari- M. Lion SafariiOS 6 Notes globales 6,30 6,30 9,56 4,51 4,12 5,73 6,70 6,08 7,24 6,98 6,76 7,70 7,36 5,83 Zone de liste déroulante 5,94 7,2 7,2 10 6 2 5,2 4 7,2 8 4 4 8,8 7,2 2,4 role="combobox" 5,71 10 10 10 4 0 0 0 10 6 0 0 10 10 10 aria-autocomplete="inline" 4,00 6 6 10 6 0 6 0 6 6 0 0 4 6 0 aria-expanded="true/false" 4,29 0 0 10 10 0 10 0 10 10 0 0 10 0 0 aria-activedescendant 9,29 10 10 10 10 10 10 10 10 10 10 10 10 10 0 raccourcis clavier 6,43 10 10 10 0 0 0 10 0 8 10 10 10 10 2 Panneau d onglets 6,95 6,0 6,0 10,0 6,7 6,7 6,0 6,7 6,7 7,3 6,7 6,7 7,3 8,0 6,7 role="application" 4,00 6 6 10 4 4 2 4 4 2 4 4 2 4 0 role="tablist" + role="tab" 7,71 8 8 10 6 6 6 6 6 10 6 6 10 10 10 aria-hidden="true/false" 8,57 0 0 10 10 10 10 10 10 10 10 10 10 10 10 raccourcis clavier 7,38 10 10 10 4 4 10 4 4 0 10 10 10 10 0 Accordéon 8,64 9,0 9,0 10,0 6,0 6,0 10,0 6,0 7,0 10,0 9,0 9,0 10,0 10,0 10,0 role="tab"+ role="tablist" + aria-controls 9,00 8 8 10 8 8 10 8 10 10 8 8 10 10 10 raccourcis clavier 8,29 10 10 10 4 4 10 4 4 10 10 10 10 10 10 Repère 7,43 10,0 10,0 10,0 0,0 0,0 0,0 8,0 8,0 8,0 10,0 10,0 10,0 10,0 10,0 role="navigation" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10 role="search" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10 role="banner" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10 role="main" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10 role="document" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10 role="contentinfo" 7,43 10 10 10 0 0 0 8 8 8 10 10 10 10 10
Tableau A.6 - Notes des «agents-utilisateurs» par composant d interface et spécification WAI-ARIA Composant d'interface/ Spécification WAI-ARIA Notes Notes par «agent-utilisateur» NVDA JAWS 11 JAWS 12 JAWS 13 VO Safari- M. Lion IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF Barre de menu 5,20 5,4 5,4 7,1 4,9 2,9 4,3 4,9 4,9 6,3 6,3 4,9 6,3 5,4 4,0 role="menubar" 3,85 0 0 0 0 0 10 0 0 10 10 0 10 10 0 role="menu" 6,29 8 8 10 6 0 0 6 6 6 6 6 6 10 10 role="menuitem" 7,23 10 10 10 8 0 0 8 8 8 8 8 8 8 0 aria-checked="true/false" 8,57 10 10 10 10 10 10 10 10 10 10 10 10 0 0 role="menuitemradio" et ariachecked="true/false" 0,71 0 0 10 0 0 0 0 0 0 0 0 0 0 0 role="menuitemcheckbox" + ariachecked="true/false" 0,00 0 0 0 0 0 0 0 0 0 0 0 0 0 0 raccourcis clavier 10,00 10 10 10 10 10 10 10 10 10 10 10 10 10 10 Arborescence 5,34 5,2 5,2 10 5,2 6 8 6,8 4,8 8 2 2 7,6 2,8 1,2 role="tree" 5,00 6 6 10 8 10 0 10 0 0 10 10 0 0 0 role="treeitem" 4,00 0 0 10 0 2 10 6 6 10 0 0 8 2 2 role="group" 2,86 0 0 10 0 0 10 0 0 10 0 0 10 0 0 role="group" + aria-expanded="true/false" 7,29 10 10 10 10 10 10 10 10 10 0 0 10 2 0 raccourcis clavier 7,57 10 10 10 8 8 10 8 8 10 0 0 10 10 4 Région déployable 5,29 10,0 10,0 10,0 0,0 0,0 0,0 8,0 0,0 0,0 8,0 8,0 0,0 10,0 10,0 role="region" + ariaexpended="true/false" 5,29 10 10 10 0 0 0 8 0 0 8 8 0 10 10 Tableau interactif 4,29 5,0 5,0 10,0 2,5 2,5 5,0 2,5 5,0 5,0 5,0 5,0 5,0 2,5 0,0 role="grid" 3,57 0 0 10 0 0 0 0 10 0 10 10 0 10 0 role="button" 8,57 10 10 10 10 10 10 10 10 10 10 10 10 0 0 role="presentation" 2,86 0 0 10 0 0 10 0 0 10 0 0 10 0 0 aria-checked="true/false" 2,14 10 10 10 0 0 0 0 0 0 0 0 0 0 0 raccourcis clavier 1,43 0 0 10 0 0 0 0 0 0 0 0 0 10 0 SafariiOS 6
Tableau A.7 - Notes des «agents-utilisateurs» par composant d interface et spécification WAI-ARIA Composant d'interface/ Spécification WAI-ARIA Notes Notes par «agent-utilisateur» NVDA JAWS 11 JAWS 12 JAWS 13 VO Safari- M. Lion IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF IE8 IE9 FF Bulle d aide 9,21 10,0 10,0 10,0 5,0 7,5 10,0 10,0 10,0 10,0 10,0 10,0 10,0 10,0 6,5 role="tooltip" 8,57 10 10 10 0 10 10 10 10 10 10 10 10 10 0 aria-hidden="true/false" 10,00 10 10 10 10 10 10 10 10 10 10 10 10 10 10 aria-required="true/false" 8,29 10 10 10 0 0 10 10 10 10 10 10 10 10 6 raccourcis clavier 10,00 10 10 10 10 10 10 10 10 10 10 10 10 10 10 Barre d outils 7,29 2,5 2,5 10,0 6,5 6,0 6,5 10,0 8,0 10,0 10,0 8,0 10,0 5,0 7,0 role="toolbar" 5,00 0 0 10 0 0 0 10 0 10 10 0 10 5 0 aria-labelledby 7,73 0 0 10 10 0 10 10 0 10 10 0 10 5 10 aria-pressed="true/false" 7,27 0 0 10 10 0 10 10 0 10 10 0 10 0 10 raccourcis clavier 8,71 10 10 10 6 6 6 10 8 10 10 8 10 10 8 SafariiOS 6 Région vive 6,64 0,0 0,0 8,0 8,0 7,0 8,0 8,0 7,0 8,0 6,0 7,0 10,0 8,0 8,0 role="timer" + aria-level="assertive" + aria-atomic="true" + aria-relevant="all" 6,86 0 0 8 8 8 8 8 8 8 6 8 10 8 8 role="log" + aria-level="polite" + ariaatomic="true" + aria-relevant="all" 6,43 0 0 8 8 6 8 8 6 8 6 6 10 8 8