Wednesday, May 25, 2005
post largo 2
Enlace “saltar navegación”
* Accesibilidad y estándares w3c
Los enlaces para saltar la navegación se mencionan en las pautas WAI como de prioridad 3, sin embargo en la práctica son importantes, sobre todo para los usuarios que navegan con lectores de pantalla o a través del teclado.
¿Cuándo es necesario incluir un enlace “saltar navegación”?
En las páginas donde el grupo de navegación se encuentra al principio del documento, el enlace para evitar el grupo e ir directamente al contenido se hace esencial, especialmente si se trata de un grupo largo de enlaces. Si no lo incluímos, muchos usuarios se verán obligados a escuchar una y otra vez la retahíla de enlaces de nuestro menú de navegación para poder llegar al contenido.
Las páginas que disponen los enlaces de navegación al final del documento, evidentemente, no precisan de este enlace, pero aparte de la navegación, hay otros casos en los que este enlace puede ser necesario, por ejemplo, para saltar un trozo de código muy largo.
¿Enlaces ocultos o visibles?
Allá cada cual con su elección, pero si los ocultamos hay que hacerlo bien. Existen varias técnicas CSS para “ocultar” estos enlaces en navegadores gráficos, pero hay que tener cuidado porque algunas como display:none los ocultan realmente para todos los usuarios! y entonces el enlace ya no sirve para nada. En jlvelazquez.net hay un interesante artículo, que incluye una tabla de lo que los lectores de pantalla leen aplicando tres técnicas CSS diferentes para ocultar el enlace. Además de estas técnicas, existen otras como la que se menciona en ilovejackdaniels.com, que posiciona el enlace fuera del campo visual.
La verdad es que no he encontrado ninguna técnica elegante para “esconder” el enlace manteniendo su funcionalidad, de momento lo que hay son estos pequeños apaños o chapuzas.
Marta Cillero @ 7:52 pm
« Feria y Congreso Internacional de Marketing Online — Tesis doctoral sobre los denominados “confidenciales” en línea »
6 Comentarios »
Fuente RSS para los comentarios de esta entrada.
1. Mc
Hola,
Felicidades por este buen artículo. Me he planteado varias veces el temá de menús en las páginas que hago.
Siempre dudo si poner el link de saltar menús (si estos se leen antes que el contenido) o no ponerlo.
Pero también me he cuestionado si poner links de acceso al menú, en el caso que se lea el contenido principal y después se acceda al menú, se puede dar el caso que el usuario haya entrado por error, o simplemente deseé acceder rápidamente al menú sin tener que leerse todo el contenido de la página. Entonces tambien haría falta un link de acceso al menú ? Se colocaría este al principio? se podría replicar a menudo, por ejemplo entre artículos de blog?
Está claro que hay que buscar una manera de proporcionar un acceso rápido al menú, así como al contenido.
Pero podemos caer en la trampa de la redundancia si proporcionamos accesos desde varias zonas de la página?
Como decís, no hay solución al tema, pero se podría llegar a un acuerdo sobre esto.
Un saludo enorme de Mc, escribiendo en y sobre Accesibilidad Web (http://accesibilidad.blogspot.com)
Comentario en Mayo 23, 2005 @ 11:32 pm
2. Marta Cillero
Hola Mc,
Tu idea de proporcionar acceso rápido al menú tiene mucho sentido, sobre todo si el contenido se encuentra antes del menú. Pero como tu bien dices, un enlace al menú puede ser útil en diversos puntos de la página, y podríamos caer en la redundancia.
Yo creo que lo más apropiado para crear accesos al menú es utilizar el atributo accesskey, por ejemplo, accesskey=”1″ para el Inicio y así sucesivamente, de esta forma los usuarios tienen el acceso rápido en cualquier momento y desde cualquier punto de la página.
En cualquier caso, si el contenido se presenta antes que el menú, un enlace para saltar a éste puede ser muy útil, yo lo pondría al principio del bloque de contenido principal. También suele ser muy útil colocar un enlace al final de la página para subir o regresar al inicio, especialmente si el menú se encuentra al principio.
Comentario en Mayo 24, 2005 @ 10:03 am
3. Mc
Hola de nuevo,
Suponía que no iba desencaminado en lo de poner el salto al menú al principio del contenido principal, me parece justo también ponerlo al final del bloque, pero (siempre hay un pero) y porque no porque no ponerlo entre el contenido?
Imáginate un blog con muchos artículos, el usuario (con necesidades de accesibilidad severas) se cansa a medio blog y decide navegar por el menú para leer los titulares.
En este caso un enlace a medio camino sería excelente, mas bien sería uno tras cada artículo (hablando de blogs). Pero tal vez sería caer en la redundancia, no creeis?
Tu solución de usar accesskey es buena, de hecho es la que aplico, pero piensa que no todo lo puedes hacer accesible vía teclas de acceso rápido. Por ejemplo en un blog hay menú generado, cuyos links ni siquiera puedes crear, especialmente si usas “sistemas gestores de contenido” para blogs, como blogger. Entonces los atajos pueden no llegar a solventarte el problema por completo.
Pero mientras escribo esto se me ha ocurrido una solución, hacer un accesskey para el saltar al principio del contenido y otro para saltar al final de contenido. Este acceso sería global en todas las páginas y ayudaría al usuario a saltar de un bloque a otro sin mayores complicaciones, y sin tener que buscar el link de salto.
No se si es idea estandard, pero a mi se me acaba de ocurrir :) y la voy a aplicar en mi blog.
Muchas gracias por aguantarme el rollo :)
Saludos!
Mc
Comentario en Mayo 24, 2005 @ 8:00 pm
4. Mc
Hola,
He llevado a cabo mi ocurréncia en estos comentarios.
He creado enlaces de este tipo :
Saltar al Contenido
Con accesskey para saltar al inicio del Contenido por ejemplo.
Y en el bloque del menú añado el tag :
Así marco el inicio del contenido colocando allí el puntero de lectura.
Lo he testeado con el navegador hablado pwWebSpeak, y funciona correctamente, pero dicho navegador es muy básico. A espensas de verificarlo con el IBM Home Page Reader, espero que funcione, porque jugando yo mismo en mi blog, he visto que es muy útil este sistema.
Pasaros por Accesibilidad Web http://accesibilidad.blogspot.com y ponedlo a prueba y me decís que os parece :)
Muchas gracias!
Y perdón por el tostón.
Mc
Comentario en Mayo 24, 2005 @ 11:33 pm
5. Mc
Ups,
No me he dado cuenta y he puesto el codigo html sin pensar que estaría prohibido.
1) Creación del link
[a href=”#c” accesskey=”c”]Saltar al [span class=”accesskey”]C[/span]ontenido[/a]
2) Marcado de la zona de posicionamiento del cursor, colocando esta sentencia en el lugar que deseemos.
[a name=”c”][/a]
Modificar el [] por los tags HTML
Perdón por el error :(
Comentario en Mayo 24, 2005 @ 11:46 pm
6. Marta Cillero
Hola Mc,
Me parece muy buena tu idea de crear accesos y enlaces a cada bloque importante de navegación, así como al contenido. La verdad es que en este weblog también convendría añadir un par de enlace para saltar del contenido al menú y viceversa (lo haré en cuanto saque un hueco ;-) )
Saludos!
Comentario en Mayo 25, 2005 @ 10:58 am
* Accesibilidad y estándares w3c
Los enlaces para saltar la navegación se mencionan en las pautas WAI como de prioridad 3, sin embargo en la práctica son importantes, sobre todo para los usuarios que navegan con lectores de pantalla o a través del teclado.
¿Cuándo es necesario incluir un enlace “saltar navegación”?
En las páginas donde el grupo de navegación se encuentra al principio del documento, el enlace para evitar el grupo e ir directamente al contenido se hace esencial, especialmente si se trata de un grupo largo de enlaces. Si no lo incluímos, muchos usuarios se verán obligados a escuchar una y otra vez la retahíla de enlaces de nuestro menú de navegación para poder llegar al contenido.
Las páginas que disponen los enlaces de navegación al final del documento, evidentemente, no precisan de este enlace, pero aparte de la navegación, hay otros casos en los que este enlace puede ser necesario, por ejemplo, para saltar un trozo de código muy largo.
¿Enlaces ocultos o visibles?
Allá cada cual con su elección, pero si los ocultamos hay que hacerlo bien. Existen varias técnicas CSS para “ocultar” estos enlaces en navegadores gráficos, pero hay que tener cuidado porque algunas como display:none los ocultan realmente para todos los usuarios! y entonces el enlace ya no sirve para nada. En jlvelazquez.net hay un interesante artículo, que incluye una tabla de lo que los lectores de pantalla leen aplicando tres técnicas CSS diferentes para ocultar el enlace. Además de estas técnicas, existen otras como la que se menciona en ilovejackdaniels.com, que posiciona el enlace fuera del campo visual.
La verdad es que no he encontrado ninguna técnica elegante para “esconder” el enlace manteniendo su funcionalidad, de momento lo que hay son estos pequeños apaños o chapuzas.
Marta Cillero @ 7:52 pm
« Feria y Congreso Internacional de Marketing Online — Tesis doctoral sobre los denominados “confidenciales” en línea »
6 Comentarios »
Fuente RSS para los comentarios de esta entrada.
1. Mc
Hola,
Felicidades por este buen artículo. Me he planteado varias veces el temá de menús en las páginas que hago.
Siempre dudo si poner el link de saltar menús (si estos se leen antes que el contenido) o no ponerlo.
Pero también me he cuestionado si poner links de acceso al menú, en el caso que se lea el contenido principal y después se acceda al menú, se puede dar el caso que el usuario haya entrado por error, o simplemente deseé acceder rápidamente al menú sin tener que leerse todo el contenido de la página. Entonces tambien haría falta un link de acceso al menú ? Se colocaría este al principio? se podría replicar a menudo, por ejemplo entre artículos de blog?
Está claro que hay que buscar una manera de proporcionar un acceso rápido al menú, así como al contenido.
Pero podemos caer en la trampa de la redundancia si proporcionamos accesos desde varias zonas de la página?
Como decís, no hay solución al tema, pero se podría llegar a un acuerdo sobre esto.
Un saludo enorme de Mc, escribiendo en y sobre Accesibilidad Web (http://accesibilidad.blogspot.com)
Comentario en Mayo 23, 2005 @ 11:32 pm
2. Marta Cillero
Hola Mc,
Tu idea de proporcionar acceso rápido al menú tiene mucho sentido, sobre todo si el contenido se encuentra antes del menú. Pero como tu bien dices, un enlace al menú puede ser útil en diversos puntos de la página, y podríamos caer en la redundancia.
Yo creo que lo más apropiado para crear accesos al menú es utilizar el atributo accesskey, por ejemplo, accesskey=”1″ para el Inicio y así sucesivamente, de esta forma los usuarios tienen el acceso rápido en cualquier momento y desde cualquier punto de la página.
En cualquier caso, si el contenido se presenta antes que el menú, un enlace para saltar a éste puede ser muy útil, yo lo pondría al principio del bloque de contenido principal. También suele ser muy útil colocar un enlace al final de la página para subir o regresar al inicio, especialmente si el menú se encuentra al principio.
Comentario en Mayo 24, 2005 @ 10:03 am
3. Mc
Hola de nuevo,
Suponía que no iba desencaminado en lo de poner el salto al menú al principio del contenido principal, me parece justo también ponerlo al final del bloque, pero (siempre hay un pero) y porque no porque no ponerlo entre el contenido?
Imáginate un blog con muchos artículos, el usuario (con necesidades de accesibilidad severas) se cansa a medio blog y decide navegar por el menú para leer los titulares.
En este caso un enlace a medio camino sería excelente, mas bien sería uno tras cada artículo (hablando de blogs). Pero tal vez sería caer en la redundancia, no creeis?
Tu solución de usar accesskey es buena, de hecho es la que aplico, pero piensa que no todo lo puedes hacer accesible vía teclas de acceso rápido. Por ejemplo en un blog hay menú generado, cuyos links ni siquiera puedes crear, especialmente si usas “sistemas gestores de contenido” para blogs, como blogger. Entonces los atajos pueden no llegar a solventarte el problema por completo.
Pero mientras escribo esto se me ha ocurrido una solución, hacer un accesskey para el saltar al principio del contenido y otro para saltar al final de contenido. Este acceso sería global en todas las páginas y ayudaría al usuario a saltar de un bloque a otro sin mayores complicaciones, y sin tener que buscar el link de salto.
No se si es idea estandard, pero a mi se me acaba de ocurrir :) y la voy a aplicar en mi blog.
Muchas gracias por aguantarme el rollo :)
Saludos!
Mc
Comentario en Mayo 24, 2005 @ 8:00 pm
4. Mc
Hola,
He llevado a cabo mi ocurréncia en estos comentarios.
He creado enlaces de este tipo :
Saltar al Contenido
Con accesskey para saltar al inicio del Contenido por ejemplo.
Y en el bloque del menú añado el tag :
Así marco el inicio del contenido colocando allí el puntero de lectura.
Lo he testeado con el navegador hablado pwWebSpeak, y funciona correctamente, pero dicho navegador es muy básico. A espensas de verificarlo con el IBM Home Page Reader, espero que funcione, porque jugando yo mismo en mi blog, he visto que es muy útil este sistema.
Pasaros por Accesibilidad Web http://accesibilidad.blogspot.com y ponedlo a prueba y me decís que os parece :)
Muchas gracias!
Y perdón por el tostón.
Mc
Comentario en Mayo 24, 2005 @ 11:33 pm
5. Mc
Ups,
No me he dado cuenta y he puesto el codigo html sin pensar que estaría prohibido.
1) Creación del link
[a href=”#c” accesskey=”c”]Saltar al [span class=”accesskey”]C[/span]ontenido[/a]
2) Marcado de la zona de posicionamiento del cursor, colocando esta sentencia en el lugar que deseemos.
[a name=”c”][/a]
Modificar el [] por los tags HTML
Perdón por el error :(
Comentario en Mayo 24, 2005 @ 11:46 pm
6. Marta Cillero
Hola Mc,
Me parece muy buena tu idea de crear accesos y enlaces a cada bloque importante de navegación, así como al contenido. La verdad es que en este weblog también convendría añadir un par de enlace para saltar del contenido al menú y viceversa (lo haré en cuanto saque un hueco ;-) )
Saludos!
Comentario en Mayo 25, 2005 @ 10:58 am
Víctor 10:19 AM