Error de validación WCAG 13.6 y WCAG 10.5

[ceaped]

Buenos días para todos.

Así como puese en el título tengo estos dos errores de validación y no se que debo agregar.

Así tengo mi lista en enlaces:

<ul class="nave">
<li><a href="uno.html">uno</a></li>
<li><a href="dos.html">dos</a></li>
<li><a href="tres.html">tres</a></li>
<li><a href="cuatro.html">cuatro</a></li>
<li><a href="cinco.html">cuatro</a></li>
</ul>

<ul class="nave">
<li><a href="seis.html">seis</a></li>
<li><a href="siete.html">siete</a></li>
<li><a href="ocho.html">ocho</a></li>
<li><a href="nueve.html">nueve</a></li>
<li><a href="diez.html">diez</a></li>
</ul>

Leí que debo agregar un separador como " | " pero si agrego esto me daña la diagramación o si se puede agregar este separador pero ocultarlo como lo hago.

El otro error es hacer salto de grupos de enlaces lo cual no se como ni donde agregar pues lo he puesto al final como dice, así:

<ul class="nave">
<li><a href="seis.html">seis</a></li>
<li><a href="siete.html">siete</a></li>
<li><a href="ocho.html">ocho</a></li>
<li><a href="nueve.html">nueve</a></li>
<li><a href="diez.html">diez</a></li>

<a name="salto" id="salto"></a>

</ul>

Si porfavor me pueden indicar como corrijo esto.

Mucha suerte

[Mikmoro]

En cuanto al primer error no sé a qué te refieres.

En cuanto al segundo, lo que debes hacer es proporcioinar un método para saltarse los grupos de enlaces. Esto se hace normalmente colocando un enlace el primero que permita saltar a un sitio específico del documento, y se suele ocultar, aunque no es del todo buena práctica.

Si por ejemplo tu contenido empieza así después del menú

<div id="#contenido">...

deberías usar esto:

<ul class="nave">
<li><a href="#contenido">Saltar al contenido</a></li>
<li><a href="seis.html">seis</a></li>
<li><a href="siete.html">siete</a></li>
<li><a href="ocho.html">ocho</a></li>
<li><a href="nueve.html">nueve</a></li>
<li><a href="diez.html">diez</a></li>
</ul>

De tal manera que si yo voy navegando con el teclado (tabulador), con pulsar enter sobre el primer enlace estaré ya en el contenido, sin tener que pasar uno a uno todos los items del menú para llegar.

[ceaped]

Hola Mikmoro, gracias por tu ayuda.
en cuanto al otro error es esto:

Enlaces adyacentes.
Resultado: mal.
Ocultar Hay 36 enlace(s) y 1 son adyacentes a otros enlaces pero no están separados entre sí con caracteres imprimibles.

Gracias por tu ayuda

[Mikmoro]

Esto es que en algún sitio tienes algo como:

<a href="#">adfha</a><a href=...

Es muy típico cuando se usan enlaces como imágenes, que cuando no tienen texto, se abre un enlace, se pone dentro la imagen, se cierra e inmediatamente se abre otro enlce con otra imagen, y así sucesivamente.

Revisa dónde tienes un </a><a...

[ceaped]

Hola Mikmoro.
No en ninguna parte tengo lo que dices.

Gracias

[Mikmoro]

Pues si es así es un error del analizador, porque lo que dice (y lo conozco) es que hay enlces adyacentes sin separar por un caracter que no sea un espacio en blanco, un etiqueta, etc.

Si la tienes en línea pon el enlace para poder echarle un vistazo al código.

[ceaped]

Hola Mikmoro eres muy amable en ayudarme.
no el sitio no está online, lo subi pero luego lo baje.
El menú está tal cual como lo puse, sólo que le cambie los nombre.
Me puedes decir como pongo lo que dices?:

<li><a href="#contenido">Saltar al contenido</a></li>

Pues mira en mi css <li> tiene entre sus propiedades una línea la cual me queda y daña mi diseño.

Voy analizar con mas detalle haber si encuentro lo que dices de tener 2 enlaces pegados.

Mucha suerte

[Mikmoro]

Puedes hacerlo así:

<li><a href="#contenido" class="oculta">Saltar al contenido</a></li>

y en la css

li.oculta {display: none;}