Válido para XHTML 1.0 Estrícto + CSS
Las normas de accesibilidad especifican que todas las listas de ligas deben de ir dentro de una lista numerada o una lista no numerada, y dicha lista debe ser precedida por un encabezado que indique su propósito, por lo que un menú debe ser escrito de esta forma:
<div id="menu"> <h2>Menú</h2> <!--Sustituye el "#" por la página que te dirigirá.--> <ul> <li class="first"><a href="#">Uno</a></li> <li><a href="#">Dos</a></li> <li><a href="#">Tres</a></li> <li><a href="#">Cuatro</a></li> <li><a href="#">Cinco</a></li> </ul> </div>
A partir de un diseño como el anterior, nosotros podemos manipular la hoja de estilos para que tome la apariencia que deseemos. A continuación damos un ejemplo de como hacerlo para que tome la apariencia de un menú tipo clásico como el siguente:
El código:
<style type="text/css">
#menu h2{display:none}
#menu ul{list-style:none}
#menu li{display:inline}
#menu li:before{content:" || "}
#menu li.first:before{content:""}
</style>
