Foros del Web » Creando para Internet » Diseño Gráfico »

Accesibilidad que nose como resolver

Estas en el tema de Accesibilidad que nose como resolver en el foro de Diseño Gráfico en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/01/2007, 05:07
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Accesibilidad que nose como resolver

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.
  #2 (permalink)  
Antiguo 13/01/2007, 05:42
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años
Puntos: 65
Re: Accesibilidad que nose como resolver

Hola Borjimante.

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

Cita:
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:

Cita:
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:

Cita:
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
  #3 (permalink)  
Antiguo 13/01/2007, 08:05
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Re: Accesibilidad que nose como resolver

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

Cita:
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?
  #4 (permalink)  
Antiguo 13/01/2007, 11:52
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años
Puntos: 63
Re: Accesibilidad que nose como resolver

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
__________________
¡ hey, hou, hou, hey !
  #5 (permalink)  
Antiguo 13/01/2007, 12:02
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Re: Accesibilidad que nose como resolver

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

Cita:
<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:

Cita:
#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
  #6 (permalink)  
Antiguo 13/01/2007, 13:02
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años
Puntos: 63
Re: Accesibilidad que nose como resolver

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".
__________________
¡ hey, hou, hou, hey !
  #7 (permalink)  
Antiguo 13/01/2007, 15:58
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Re: Accesibilidad que nose como resolver

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

Un saludo
  #8 (permalink)  
Antiguo 13/01/2007, 21:18
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 20 años, 2 meses
Puntos: 13
Re: Accesibilidad que nose como resolver

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>.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #9 (permalink)  
Antiguo 14/01/2007, 10:53
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Re: Accesibilidad que nose como resolver

ya esta la respuesta es que los <li> tienen que estar al lado de los <a>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:09.