Conflicto en la etiqueta "rel"

ceaped · #1 (**permalink**) 24/04/2008, 07:28

Buenos días.

Me encuentro con problemas con esta etiqueta ya que me sale este error:

Cita:

Información sobre documentos relacionados.
Resultado: mal.
Ocultar No se proporciona información sobre documentos relacionados (usando <link>, por ejemplo).

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)

Yo pongo así los enlaces a la Web:

Cita:

<a href="01_portafolio.html" rel="next">Portafolio</a>

Y cuando es porejemplo un enlace a la Web que diseño el sitio queda así:

Cita:

<a href="http://www.dominio.com" rel="help">Diseño por</a>

Como deberían ir la etiqueta "rel" para los enlaces internos de la Web y como deberían ir para los enlaces a otros sitios?.

Gracias por su ayuda

Daniel Ulczyk · #2 (**permalink**) 24/04/2008, 10:47

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.

Ocurre que como bien citás; dichos atributos se aplican a elementos <link> no a elementos <href>
Para relacionar, por ejemplo una hoja de estilos, en el <head> del documento se suele poner:

Código HTML:

 <link rel="stylesheet" href="style.css"  rev="3.1" title="normal" type="text/css" media="screen" />

Ahora bien, si necesitás relacionar un documento dependiente del actual, en el <head> debés hacer el markup, de la siguiente manera:

Código HTML:

<link rel="Next" type="text/html" href="http://www.nombre-del-dominio/documento.html" title="Servicios" />

Con ambos ejemplos, muestro que tanto la forma ruta relativa como absoluta son válidas ambas.

Algún mod por aquí, debiera mover este post al foro de Accesibilidad y Usabilidad y borrar este epígrafe si corresponde. Gracias.

ceaped · #3 (**permalink**) 24/04/2008, 11:17

Ok gracias Daniel.

Aquí hay algún error?:

Cita:

Daniel Ulczyk · #4 (**permalink**) 24/04/2008, 12:07

Donde dice

Cita:

Es más apropiado

Cita:

Especialmente porque algunos browsers no reconocen algo distinto a favicon.ico

ceaped · #5 (**permalink**) 24/04/2008, 13:11

mmm bueno hice lo que dices pero me sigue saliendo el mismo error y la verdad no se que debo agregar o quitar para que me valide esto.

Mikmoro · #6 (**permalink**) 24/04/2008, 16:38

¿Qué problema de validación tienes? En el primer post decía que no usabas link y ahra sí lo usas. ¿Que te dice?

Mikel.

ceaped · #7 (**permalink**) 25/04/2008, 05:31

Hola Mikmoro Gracias por responder.
Dice exactamente lo mismo. Sigue saliendo el mismo error.
Ahora no es W3C que no me lo valida sino. W3C me valida bien ,Ok. Es "http://www.accesible.com.ar" la cual me dice este error.
Presto atención a esto?.
Gracias por tu ayuda

ceaped · #8 (**permalink**) 25/04/2008, 05:33

Cita:

Iniciado por ceaped

Hola Mikmoro Gracias por responder.
Dice exactamente lo mismo. Sigue saliendo el mismo error.
Ahora no es W3C que no me lo valida sino. W3C me valida bien ,Ok. Es "http://www.accesible.com.ar" la cual me dice este error.
Presto atención a esto?.
Gracias por tu ayuda

Mikmoro · #9 (**permalink**) 25/04/2008, 10:06

Bueno, no es algo qu te deba preocupar demasiado. No obstante, puedes hacer esto:

supongamos que dentro de tu web pones un archivo con las descripciones detalladas de las imágenes (que es una buena práctica en cuanto a accesibilidad). Bien, entonces pones esta etiqueta en el head:

<link rel="alternate" href="http://tu_dominio.com/descripciones.html" title="Descripciones de las imagenes" lang="es" />

Con esto eliminarás el error.

Mikel.

ceaped · #10 (**permalink**) 28/04/2008, 06:32

Hola Mikmoro. Eso era. Muchas gracias. Pero como todo no es color de rosa me sale una advertencia que dice:

Cita:

Uso de encabezados.
Resultado: regular.
Ocultar Hay un encabezado principal pero se altera el orden de los encabezados.

Se deben marcar correctamente los encabezados de la página y no mezclar los niveles de encabezados aleatoriamente sólo para aprovechar los distintos tamaños de fuente.

WCAG 3.5: Use elementos de encabezado para sugerir la estructura del documento y úselos de acuerdo con la especificación. (Prioridad 2)

Y la verdad no se porque. Me prodrías explicar porque?.
Gracias

Mikmoro · #11 (**permalink**) 28/04/2008, 07:23

Sí, esto se refiere a las etiquetas h1, h2, etc.

Has mezclado algún orden de las etiquetas en el html.

Revisa que sólo tengas una etiqueta h1, que las h2 vayan después de ella y que las h3 estén anidadas en elementos que estén por debajo de estas.

Mikel.

ceaped · #12 (**permalink**) 28/04/2008, 08:28

Muchas gracias por toda tu ayuda Mikmoro. Si estaba mezclanco la etiqueta <h1> con la <h6> y luego la <2>. Aunque en otro html me arroja el mismo error estoy buscando el posible problemas.

Me puedes decir que debo agregar cuando salen estos errores:

Cita:

Enlaces activados con javascript.
Resultado: mal.
Ocultar Hay 15 enlace(s) que se activan únicamente a través de scripts.

El contenido del atributo "href" en los enlaces debe indicar un recurso válido, es decir, una dirección (URL) a la que se pueda acceder aún cuando no se soporten los scripts.

WCAG 6.3: Asegúrese de que las páginas pueden seguir siendo usadas cuando los scripts, applets y otros objetos de programación se desconectan o no son soportados. Si esto no es posible, proporcione información equivalente en una página alternativa accesible. (Prioridad 1)

Cita:

Medios para saltar los grupos de enlaces.
Resultado: mal.
Ocultar No se proporciona un medio para saltar los grupos de enlaces (total de enlaces: 26).

Se debe proporcionar un modo de saltar los grupos de enlaces para poder llegar rápidamente al contenido principal de la página.

WCAG 13.6: Agrupe los enlaces relacionados identificando el grupo (para las aplicaciones de usuario) y, hasta que las aplicaciones de usuario lo hagan, proporcione una manera de evitar el grupo. (Prioridad 3)

Gracias

Mikmoro · #13 (**permalink**) 28/04/2008, 16:22

Pues yo creo que en ambos casos te lo está diciendo muy claro. No sé si alguien te lo podrá explicar mejor.

Si quieres dotar a tu web de una buena accesiblidad, tendrás que leer bastante sobre accesibilidad y aprender sobre ello en general. No tiene mucho sentido que hagas una web en la que varios enlaces se activan únicamente con javascript y luego preguntes cómo evitar ese error para la accesibilidad, o que vayas preguntando cada detalle y los apliques sin entenderlos.

Es mi opinión. La accesibilidad es un asunto muy importante, y merece la pena aprender sobre ello, no sólo intentar cumplir lo que dice el examinator porque sí.

Mikel.

ceaped · #14 (**permalink**) 29/04/2008, 13:00

Hola Mikmoro. Tienes toda la razón, estoy leyendo sobre el tema de "accesibilidad".
Ya resolví mi primer error pero el segundo no le encuentro solución.
Como muestra que he buscado pongo este enlace:
Manual de aplicación de las WCAG 1.0

Lo cual no se que se debe agregar.

Si me puedes ayudar te lo agradeceré mucho.

Daniel Ulczyk · #15 (**permalink**) 29/04/2008, 13:20

Cuando las pautas sugieren permitir avanzar rápidamente hacia el grupo de enlaces, se refieren a que en el marcado, en la parte superior pongas algo así:

Código HTML:

 <p class="no-mostrar">Avanzar a:<a href="#menu" accesskey="2">Menú del Sitio</a> | <a href="#contenido" accesskey="3">Contenido Principal</a></p>

Espero que te sea útil.
Saludos!

ceaped · #16 (**permalink**) 29/04/2008, 15:17

Hola Daniel.

Estoy un poco perdido con esto.

Yo tengo algo así:

Cita:

Como pongo lo que dices?. Lo puse y me sigue saliendo el mismo error.
Gracias por tu paciencia.

Daniel Ulczyk · #17 (**permalink**) 29/04/2008, 15:44

Cita:

Tengo la sensación que estás de cara a un marcado que muestra varias barreras con respecto a la accesibilidad web.

Cito a Emmanuelle Gutiérrez y Restrepo, desde el blog de Sidar:

Cita:

Aplicar los estándares de marcado está de moda y eso contribuye a la accesibilidad, pero no es suficiente. También se va extendiendo el uso de herramientas de revisión de la accesibilidad, pero eso támpoco lo es (...)

La entrada completa, está disponible en Por qué son insuficientes los estándares y la revisión automática

Estoy de acuerdo con Mikel, y enfatizo:

Cita:

Si quieres dotar a tu web de una buena accesiblidad, tendrás que leer bastante sobre accesibilidad y aprender sobre ello en general. No tiene mucho sentido que hagas una web en la que varios enlaces se activan únicamente con javascript y luego preguntes cómo evitar ese error para la accesibilidad, o que vayas preguntando cada detalle y los apliques sin entenderlos.

En mi entender y experiencia, dejá, por el momento de lado, las comprobaciones automáticas y trabaja directamente con las listas de verificación.

Leé, verificá, reescribí, leé, preguntá, verificá...

El proceso no te convierte en un experto, pero aprenderás bastante. No te desanimes.

Mikmoro · #18 (**permalink**) 29/04/2008, 15:52

El punto 2 se refiere a esto:

supongamos que tienes un grupo de enlaces, como por ejemplo un menú.
Cuando una persona usa para navegar un navegador de texto, un lector de pantalla o simplemente no puede usar un ratón, cada vez que vaya a una página, el orden de tabulación empieza desde el principio. Eso significa que si va pasando de enlace en enlace con el tabulador, cada vez que quiere ver algo tiene que pasar por todo el menu y por todos los enlaces.

Lo que se debe hacer es proporcionar una manera de poder saltarse los grupos de enlaces con una sola pulsación. ¿Cómo? pues poniendo al principio de los enlaces uno especial que sea un vínculo interno, que al pulsar te lleve al siguiente grupo de enlaces, al contenido principal, etcétera.

Imagina esto:

<a href="#contenido">Saltar al contenido</a>
<a href="uno.html">blablabla</a>
<a href="dos.html">blablabla</a>
<a href="tres.html">blablabla</a>

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

Si voy con el tabulador a la primera opción y pulso, el cursor pasará directamente al div del contenido, y no tendré que pulsar sobre cada enlace el tabulador para saltar al siguiente y tener que recorrerlo todo cada vez.

Este primer enlace se suele ocultar para que no se vea en el diseño, y sí lo vean los lectores de pantalla y los navegadores de texto (aunque es todavía más accesible integrarlo en tu diseño y permitir que se vea), por eso te pone Daniel Ulczyk lo de class="no-mostrar", y luego una clase en la css que haga que no se muestre este enlace.

Espero haberme explicado.

No me molesta en absoluto explicar o ayudar, pero me gusta saber que lo has intentado antes.

Mikel.

ceaped · #19 (**permalink**) 29/04/2008, 17:24

Ok muchas gracias a Daniel Ulczyk y Mikmoro fueron de gran ayuda.
Seguiré sus consejos.

Mikmoro · #20 (**permalink**) 29/04/2008, 17:35

Hasta la vista.

Mikel.

ceaped · #21 (**permalink**) 30/04/2008, 07:08

Hola nuevamente.
Como a uno se le presentan piedritas en el zapato yo por lo que veo tengo muchas pero gracias Daniel Ulczyk y Mikmoro he logrado resolver muchas.

Leyendo este post del foro
http://www.forosdelweb.com/f13/event...esible-393407/

Yo presento el mismo problema.
Aquí me encuentro con algo nuevo "setActiveStyleSheet" y leyendo me encontre con esto:
http://www.fcomoreno.net/art001.htm

Mis preguntas son:

Para que me deje de salir este error de "Manejadores de eventos (Se usan manejadores de eventos que dependen de un dispositivo con manejadores redundantes (onclick con onkeypress, por ejemplo).)" debo agregar este "javascript"?.
El que está en el último enlace me sirve?.

Otro error que me sale y que no encuentro la solución es este:

Cita:

Complemento visual del texto.
Resultado: mal.
Ocultar La página contiene más información gráfica que textual.

El uso correcto de gráficos incrementa la comprensión y facilidad de uso de un sitio Web.

WCAG 14.2: Complemente el texto con presentaciones gráficas o sonoras cuando ello facilite la comprensión de la página. (Prioridad 3)

De nuevo gracias por su tiempo y paciencia

Nota: la sugerencia de Daniel "Leé, verificá, reescribí, leé, preguntá, verificá...", la estoy llevando a cabo pues es cierto es la mejor manera de aprender.