Study #121
Mis à jour par ggallais il y a plus de 3 ans
Il y a une div cachée avec l'intitulé des titres de niveau 1. Il est donc deux fois dans le code. Exemple avec "Connaître l'Inserm" :
<pre><code class="html">
<li id="menu-item-89291" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-89291 accessible-megamenu-top-nav-item amenu__top">
<a href="#" id="amenu-1655998126860-1" role="button" aria-controls="amenu-1655998126871-2" aria-expanded="false" tabindex="0">Connaître<br> l’Inserm</a>
<div class="amenu__panel" id="amenu-1655998126871-2" role="region" aria-expanded="false" aria-hidden="true" aria-labelledby="amenu-1655998126860-1">
<div role="heading" aria-level="2" class="visuallyhidden">Connaître l’Inserm</div>
</code></pre>
Une fois ici :
<pre><code class="html">
<a href="#" id="amenu-1655998126860-1" role="button" aria-controls="amenu-1655998126871-2" aria-expanded="false" tabindex="0">Connaître<br> l’Inserm</a>
</code></pre>
Puis là :
<pre><code class="html">
<div role="heading" aria-level="2" class="visuallyhidden">Connaître l’Inserm</div>
</code></pre>
Si on décache la div, elle apparait (voir PJ).
Idem si on désactive les styles : cf. https://redmine.inserm.cloud-ed.fr/attachments/32
La question est : pourquoi c'est comme ça ? Et est-ce qu'il faut le changer (notamment pour régler le problème d'access #13) ?