Accesibilidad que nose como resolver

[Borjimante]

Hola, estoy desarrollando una nueva imagen de mi web y quiero tener una alta posicion en http://www.accesible.com.ar/examinator.

Mi web es http://www.antera-solutions.com/Diseno-nuevo-2007/

Y los 3 fallos que da son estos:

- El 0% de los enlaces están organizados en listas (total de enlaces: 16).

- No se proporciona información sobre documentos relacionados (usando <link>, por ejemplo).

-Hay 16 enlace(s) y 2 son adyacentes a otros enlaces pero no están separados entre sí con caracteres imprimibles.

Me podian explicar como solucionar sobre todo los dos últimos

Gracias.

Un saludo.

[kahlito]

Hola Borjimante.

Mi consejo es que si en examinator recibes esos consejos es que anotes el punto citado por ejemplo:

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)

Y luego aparte de la explicación podrías ir en este caso al punto 13.5 de la Prioridad 3 y revisar ejemplos o técnicas en las pautas de accesibilidad:

http://www.discapnet.es/web_accesibl...990505_es.html
http://www.sidar.org/acti/cursos/cur.../ejem68-0.html

Luego con el resto lo mismo:

Los elementos <link> con atributos "rel" o "rev" permiten dar información acerca de la relación entre la página actual y otros recursos.

WCAG 13.9: Proporcione información sobre las colecciones de documentos (por ejemplo, los documentos que comprenden múltiples páginas). (Prioridad 3)

Ejemplo:

http://www.sidar.org/acti/cursos/cur.../ejem72-0.html

Descripción más detallada:

http://www.forosdelweb.com/f6/utilizando-herramientas-para-validar-419300/

El último punto:

Algunas aplicaciones de usuario no pueden diferenciar los enlaces si se encuentran uno junto a otro sin ninguna marca o caracter imprimible que los separe.

WCAG 10.5: Incluya caracteres imprimibles no enlazados (rodeados de espacios) entre los enlaces adyacentes (hasta que las aplicaciones de usuario, incluidas las ayudas técnicas, separen los enlaces adyacentes). (Prioridad 3)

http://www.sidar.org/acti/cursos/cur.../ejem55-0.html

Saludosss

[Borjimante]

Gracias por tus respuestas, he llegado al 9.6 en el examinator ya solo me queda lo de:

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)

Que no lo entiendo muy bien me lo podias explicar mas detenidamente?

[PatomaS]

Hola

Este punto lo que indica es que debes agrupar los vínculos en listas en vez de tenerlos suetos.

Por ejemplo:

Código:

<ul>
<li><a hrev="vinculo_1">primer enlace del menú</a></li>
<li><a hrev="vinculo_2">segundo enlace del menú</a></li>
<li><a hrev="vinculo_3">tercrer enlace del menú</a></li>
...
</ul>

Esto es algo bastante adecuado en algunas ocasiones, sin emargo, sistemas como el examinator te puntúan de forma "matemática" o "rígida", es decir, busca que los vínculos estén en listas, pero no revisa si dichas listas tienen sentido "per se".

En cualquier caso, si es una buena mecánica si vas a hacer un menú, ya sea vertical u horizontal.

Felicidad

[Borjimante]

esque tengo hecho eso pero me dice que no esta bien este es mi codigo:

<ul class="tabla-menu-enlaces-1">
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir a Inicio" accesskey="1">:: Inicio</a></div></li>
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir a Empresa" accesskey="2">:: Empresa</a></div></li>
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir a Servicios" accesskey="3">:: Servicios</a></div></li>
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir al Blog" accesskey="4">:: Blog</a></div></li>
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir a Nuestros Clientes" accesskey="5">:: Nuestros clientes</a></div></li>
<li class="tabla-menu-enlaces-2"><div class="tabla-menu-boton"><a href="#" class="enlace" title="Ir a Contacto" accesskey="6">:: Contacto</a></div></li>
</ul>

CSS:

#tabla-menu-enlaces {
width: 11.5em;
height: auto;
border: 0em;
float: left;
margin-top: 0.4em;
text-align: right;
}
.tabla-menu-enlaces-1 {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.tabla-menu-enlaces-2 {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

Haber si me puedes ayudar

[PatomaS]

Hola

Dado que yo no he creado el examnator, no se como funciona y no se como evalua las cosas.

Sin embargo, sintácticamente, tienes un error, y es que colocas divs en los li.

quita los divs de dentro de los li y si quieres, o si lo necesitas, sustitúyelos por p o span. Sintácticamente tiene más sentido un span, aunque la verdad, al estar el vínculo, ya no deberías colocar nada más.

Felicidad

P.D.

Complemento la ayuda.

No es "haber si me puedes ayudar", es "A ve si me puedes ayudar".

[Borjimante]

Nada no hay manera de que suba no se que ocurrira, de todas maneras haber si alguien viene y nos ayuda.

Un saludo

[frijolerou]

Probablemente el Examinator noda por correcta la lista de links debido a que los elementos <A> no los estás poniéndo directamente dentro de un elemento <LI>, sino que dentro de un <DIV> que se encuentra dentro del <LI>.

[Borjimante]

ya esta la respuesta es que los <li> tienen que estar al lado de los <a>