Agrupamiento de Enlaces.

[Javiercc]

Hola Amigos

Tengo un problemilla con la accesibilidad el cual es este:

"Se deben proporcionar barras de navegación constituidas por listas de enlaces para agruparlos y facilitar su localización. Recuerde que las listas no se definen por su aspecto sino por el uso de elementos <ol>, <ul> y <dl>.

WCAG 13.5: Proporcione barras de navegación para resaltar y dar acceso al mecanismo de navegación. (Prioridad 3)".

Índice Webax: 9.8
Posición del ranking: 2º

Está información me brinda el examinator, y bueno quisiera poder corregirlo.

Saludos

[Daniel Ulczyk]

Se refiere a que tus enlaces, debieran tener esta estructura más o menos:

Código HTML:

 <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div> 

Extraído del sitio de MaxDesign

[Javiercc]

Hola Daniel Ulczyk

Bueno, debi aclarar que ya tenia en el header y el footer enlaces compuesto por lista, pero tengo algunos en el cotenido que no, es necesariamente poner a todos los enlaces en una lista?.

Saludos

[Daniel Ulczyk]

Decididamente no. El agrupar enlaces mediante listas es una recomendación de accesibilidad para la navegación entre documentos. Supongo que eXaminator te brinda tal advertencia, ya que los enlaces en el body deben superar en densidad a los de navegación.
No obstante, los puntos deben ser revisados manualmente.

[Javiercc]

Holas de Nuevo Daniel Ulczyk

Bueno entonces que podria hacer para poder corregir esa advertencia, ya que quiero que mi web 100% accesible. Y que no tenga ni errores ni advertencia.

Saludos

[Daniel Ulczyk]

No me animo a opinar sobre generalidades en este punto, menos aún sin haber visto tu código fuente o la URI del sitio; que, por cierto aún no has posteado.
Saludos!

[LoBo2024]

Pues podrias poner separadores tales como "|", "-" o "." y luego ponerles el color igual que el mismo color de fondo... si es cutre pero hasta la w3c lo hace asi para que pongamos sus logos en nuestras webs.... Aunque si no quedan muy mal esos separadores, puedes dejarlos visibles.

[Daniel Ulczyk]

Precisamente, ese sería el tema si hubiese una inconsistencia con la WCAG 10.5

WCAG 10.5 (P3) Include non-link characters between adjacent links.

Que recomienda se incluyan caracteres no enlazables entre enlaces adyacentes.
Pero entiendo que este no es el caso.

Iniciado por LoBo2024

Pues podrias poner separadores tales como "|", "-" o "." y luego ponerles el color igual que el mismo color de fondo... si es cutre pero hasta la w3c lo hace...

En tal punto, discrepo. Porque no he visto a W3C llevar cabo dichas prácticas:

Código HTML:

<p>[<a name="previous" id="previous" href="imp2"
         accesskey="p">previous</a>] [<a href="imp4" 
         accesskey="n">next</a>] [<a href="Overview.html#Full" 
         accesskey="h">contents</a>] [<a href="i_imp3" 
         accesskey="i">turn on icons</a>]</p> 

Y esto se ve claramente en documentos como
Techniques for Authoring Tool Accessibility Guidelines 1.0

En la cabecera como pie de página, existen caracteres imprimibles y los mismos son visibles.
Saludos!

[LoBo2024]

Pues yo pille los logos de la w3c de algun sitio de la w3c y tenian un span enmedio... con un | que luego no se veia... pero bueno si quieres hacer lo correcto 100% no tienes más opción que poner un "|", "-", "[]" o algo similar, no tiene más vuelta de hoja.

[elquique]

Yo quede en 9.7 y examinator no me tira mas errores, como puedo llegar a 100 ??