Bonjour à tous,
Je travaille actuellement sur un projet de build et m'interroge sur la mise
en oeuvre accessible du menu de navigation principale.
En particulier, quel design pattern ARIA doit s'appliquer. Parce que sans
design pattern de référence, quelles informations ARIA et interactions au
clavier adopter ?
Nous en sommes au stade de la maquette intégrée en HTML/CSS avec interface
riche.
C'est un prototype basé sur Bootstrap, voire sur PayPal Bootstrap
Accessibility Plugin
[http://paypal.github.io/bootstrap-accessibility-plugin/demo.html#dropdowns].
Le but est d'estimer si cette librairie permet nativement de satisfaire
l'accessibilité des composants, s'il faut la patcher ou... s'il faut
trouver une autre librairie.
Ce menu est composé d'items de type "dropdown menu". Il y a potentiellement
trois niveaux, ce qui le distingue de l'exemple Bootstrap
(http://getbootstrap.com/components/#navbar-default
[http://getbootstrap.com/components/#navbar-default]).
Le design pattern à appliquer est-il bien "Menu bar (widget)"
(http://www.w3.org/WAI/PF/aria-practices/#menu
[http://www.w3.org/WAI/PF/aria-practices/#menu]) ?
Si oui, ni Bootstrap ni l'ajout de PayPal Bootstrap Accessibility Plugin
[http://paypal.github.io/bootstrap-accessibility-plugin/demo.html#dropdowns]
(malgré sa qualité), ne permettent la conformité.
Par exemple, le test suivant est non conforme :L'utilisation de la touche
[TAB] respecte-t-elle ces conditions ?Depuis le composant, le focus est
donné sur l'élément focusable suivant à l'extérieur du composant.
Le problème vient du fait que le PayPal Bootstrap Accessibility Plugin
[http://paypal.github.io/bootstrap-accessibility-plugin/demo.html#dropdowns]considère
un dropdown comme un composant à part entière. Sur ce postulat,
l'implémentation fait qu'une tabulation sort du composant.
Or, une menubar est, en quelque sorte, composée de plusieurs dropdown.
Avez-vous une expérience de mise en oeuvre d'un menu de navigation
accessible avec Bootstrap ?
Merci pour votre collaboration !
P.S : La grille permettant de tester les motifs de conception ARIA
(2014-11-05-Test_DP_ARIA_grille_de_saisie.ods), fournie lors du dernier
séminaire, a-t-elle été mise à jour ?
Car il me semble qu'il manque des tests par rapport à la spec W3C (par
exemple, interaction niveau 2 / 3).
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.
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
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
