Bonjour 

sauf si tu es dans un contexte applicatif menubar est à éviter.

si ton menu s apparente à de la navigation n utilise aucun dp aria.

Tu fais un menu classique et tu gère les ouvertures/fermeture avec des boutons 
collapse (aria-expanded) et tu peux en complément utiliser aria-haspopup si tu 
juge important de signaler l existence d un sous-menu.

Si tu es dans contexte applicatif menubar est le plus simple.

mais ce serait surprenant.

JPV

Le 22 février 2017 16:45:55 GMT+01:00, Olivier Nourry <[email protected]> a 
écrit :
>Hello Steven,
>
>Pour moi tu peux traiter entièrement ce cas avec le DP menubar, qui
>tient compte des cas où un item sert à ouvrir un sous-menu. Ce qui est
>particulier, ici, c’est que les items du second niveau sont en réalité
>deux items sur une même ligne, qui font 2 choses différentes, avec donc
>des propriétés ARIA différentes (aria-haspopup pour les boutons
>notamment). 
>
>J’espère avoir répondu à ta demande.
>
>Olivier Nourry
>http://access-first.fr <http://access-first.fr/> 
>
>
>> Le 20 févr. 2017 à 13:31, Steven Mouret <[email protected]> a
>écrit :
>> 
>> Bonjour à tous,
>> 
>> Je dois réaliser une menu déroulant sur 3 niveaux fonctionnant au
>clic.
>> Au premier niveau, au clic sur l'intitulé ouverture du menu enfant.
>> Au second niveau, au clic sur l'intitulé on se rend sur la page, au
>clic sur un bouton + accolé à l'intitulé, ouverture du niveau enfant.
>> Au troisième niveau simples liens vers les pages.
>> L'onglet courant du niveau 1 et 2 se ferme si l'on clique sur un
>autre onglet.
>> 
>> Je cherche le meilleur design pattern mais j'ai du mal à faire la
>différence entre :
>> Menubar <https://www.w3.org/TR/wai-aria-practices/#menu>
>> Accordion <https://www.w3.org/TR/wai-aria-practices/#accordion>
>> Tabpanel <https://www.w3.org/TR/wai-aria-practices/#tabpanel>
>> Mon premier niveau à l'horizontal (en mobile il est en vertical) me
>fait penser à tabpanel et mon deuxième niveau à un accordéon.
>> 
>> Est ce correcte si je fais ainsi ?
>> 
>> Merci
>> 
>> --
>> Steven Mouret
>> _______________________________________________
>> liste_gta mailing list
>> [email protected]
>>
>http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

--
Jean-Pierre VILLAIN
@villainjp - +33 (0)6 98 08 50 49
Expert senior, formateur et gérant

Access42 : expertise, conseil et formation en accessibilité numérique
+33 (0)9 72 45 06 14 - access42.net
_______________________________________________
liste_gta mailing list
[email protected]
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à