tengo el siguiente menu dniamico hecho con javascript, pero la pagina tiene que ser accesible, cómo lo hago?
debo poner el mismo menu desplegado en etiquetas noscript?
pero si es dinámico no se repetirian los id en los 2 menus dentro del código y no seria invalido como xhtml?
me recomendais no hacerlo colapsable sino que siempre esté desplegado?
he buscado por internet pero no encuentro solucion
gracias
Código:
<script>
function cambiar(item) {
obj=document.getElementById(item);
visible=(obj.style.display!="none")
key=document.getElementById("x" + item);
if (visible) {
obj.style.display="none";
key.innerHTML="<img src='img/ico_mas.gif' alt='Expandir opcion del mapa'/>";
} else {
obj.style.display="block";
key.innerHTML="<img src='img/ico_menos.gif' alt='Cerrar opcion del mapa'/>";
}
}
</script>
<div class="menu_titular"><a id="xa4" href="#" onclick="cambiar('a4')" class="simbolo_menu" ><img src="img/ico_mas.gif" alt="Expandir opcion del mapa"/></a>El Ministerio</div>
<ol id="a4" style="display: none; ">
<li ><img src="img/ico_mapa_vacio.gif" alt="Opcion de mapa sin secciones interiores"/><a href="#">Biografia del Ministro</a></li>
<li ><img src="img/ico_mapa_vacio.gif" alt="Opcion de mapa sin secciones interiores"/><a href="#">Funciones y Estructura</a></li>
<li ><a id="xa43" onclick="cambiar('a43');" href="#" class="simbolo_menu"><img src="img/ico_mas.gif" alt="Expandir opcion del mapa"/></a>Abogacia general del Estado
<ol id="a43" style="display: none; ">
<li ><a href="#">------------</a></li>
</ol>
</li>
</ol>