Mac Voiceover navigation sur ul

Question

Nous avons donc un menu ul avec un div en dessous qui montre le contenu des onglets.

<uL> 
<li>menu 1</li> 
<li>menu 2</li> 
<li>menu 3</li> 
</ul> 
<div id="content">content here</div> 

Lorsque vous passez la souris ou cliquez sur l'un des éléments de menu, le contenu correspondant est visible dans la div. L'affichage du contenu fonctionne correctement, mais nous ne parvenons pas à trouver la commande ou la structure appropriée pour que Mac Voiceover sélectionne le contenu avec le clavier. Par exemple, si vous utilisez les touches fléchées pour activer l'élément de menu n ° 2, cela fonctionne dans l'affichage du contenu, mais si vous voulez descendre dans le contenu, cela ne fonctionne pas, en utilisant les touches fléchées vous amène simplement au menu article # 3.

Si vous êtes sur l'élément de menu n ° 3 et que vous sélectionnez une flèche vers le contenu suivant, le contenu s'affichera correctement dans le contenu.

Existe-t-il un moyen de structurer ceci pour permettre à l'utilisateur de tomber dans le contenu sans avoir à être sur le dernier élément de menu? Ou y a-t-il une commande qui va rompre avec le ul et se déplacer dans le contenu?

Toute aide serait grandement appréciée.

Answer 1

Nous avons fini par tout changer en clics seulement (hovers supprimés) pour les utilisateurs ADA, ainsi qu'une fois l'onglet/élément de menu a été ouvert, nous avons envoyé un focus sur le contenu.

Cela a résolu notre problème. Pour ajouter ces options, nous avons simplement placé un symbole ADA sur la page, ceux qui en ont besoin cliquent dessus pour gagner leur fonctionnalité, ceux qui n'ont pas besoin de cliquer - rien ne change avec leur expérience utilisateur.