Ayuda con Accesibilidad "accesskey = carácter"

[GUSUM]

Hola a todos!
Estoy intentando entender cómo funciona el atributo accesskey (cómo usarlo y para qué sirve) propuesto por el W3C, pero la verdad, no entiendo nada....
¿Alguien podría explicarlo?, le estaría muuyy agradecido

[Raulmmmm]

Creo que sirve para que la gente que navegue en modo texto y no tenga ratón pueda ir más rápidamente a los enlaces sin usar el tabulador.

Prueba a ponerlo en un enlace y, por lo menos desde Firefox, pulsa Alt + Shift + tecla de accesskey y verás como funciona .

[Mikmoro]

Iniciado por Raulmmmm

Creo que sirve para que la gente que navegue en modo texto y no tenga ratón pueda ir más rápidamente a los enlaces sin usar el tabulador.

Prueba a ponerlo en un enlace y, por lo menos desde Firefox, pulsa Alt + Shift + tecla de accesskey y verás como funciona .

Eso es, raulmmmm, pero no sólo para navegación en modo texto, sino más bien para navegación con teclado, sin ratón, para no tener que ir con el tabulador hasta llegar a la opción deseada.

[Daniel Ulczyk]

Bueno, falta sólo mostrar cómo se implementa:

Código HTML:

<a title="Ir a la sección xxxxx" accesskey="1" href="documento.html" rel="Section">Anchor text del enlace</a> 

En cuanto al uso, diferentes navegadores tienen sus propias reglas:

Firefox (versión 2.0 y superiores): Alt + mayúsculas + tecla de atajo

Netscape, Mozilla Firebird, Firefox (versiones anteriores a la 2.0), Internet Explorer (versiones anteriores a la 4.0): Alt + tecla de atajo

Internet Explorer (versiones posteriores a la 4.0): Alt + tecla de atajo + Intro

Opera: mayúsculas + Esc

Para usuarios MacOS: Ctrl + tecla de atajo

fuente: Teclas de atajo

[Mikmoro]

Muy bien como siempre, Daniel.
No respondí con esos datos porque por el título del hilo me dió la sensación de que ya sabía cómo se utilizaban.
Este mensaje es realmente para hacer un apunte más para GUSUM: recuerda que si no se indican de una forma clara en la página, las teclas de atajo son inservibles, porque nadie sabrá que existen. Es un error demasiado común usar teclas de atajo y no indicarlo visualmente, por lo que están ahí y vienen muy bien para subir puntos de accesibilidad pero son inútiles ya que nadie podrá usarlas.

[GUSUM]

Hola,
Antes que nada: ¡Gracias a todos por sus respuestas!

Hay algo en el código del ejemplo de Daniel que no entiendo:

Código HTML:

rel="Section">Anchor text del enlace

.
Por lo que comprendo, el atributo rel sirve para definir el tipo de documento que se enlaza, en este caso:"section", pero el resto es lo que no entiendo
¿Alguien podría explicarlo?

Gracias Mikmoro por tus aclaraciones y advertencias, pero, ¿a qué te refieres exactamente con "indicar los accesky de forma clara, a usar el title en la etiqueta <a>, o a otra cosa?

Gracias otra vez!!

[Mikmoro]

Iniciado por GUSUM

¿a qué te refieres exactamente con "indicar los accesky de forma clara, a usar el title en la etiqueta <a>, o a otra cosa?

Gracias otra vez!!

Usar el title es casi obligado, pero imagina: para poder ver el title hay que usar el ratón, posicionándose encima, y estamos hablando precisamente de una persona que navegue sin ratón, luego si sólo usas el title nunca se va a enterar de que existen los atajos.

Puedes usar varias cosas, como por ejemplo, poner bien visible un enlace que indique "teclas de atajo", y que al entrar en el se vean y des una pequeña explicación y refrencia de cada tecla. También puedes poner detrás de cada enlace al que quieres poner un atajo su tecla entre paréntesis y luego bien visible una pequeña leyenda:

Servicios [2]

y bajo el menú
[*] teclas de atajo

También puedes poner letras (que está menos aconsejado que los números por poder coincidir con atajos propios del navegador), y ponerlas subrayadas al estilo de las barras de menú de los programas.

En definitiva, se trata de que si pones los accesskey por ofrecer una ayuda de verdad a las personas que navegan con teclado, se lo hagas saber desde el principio.

Una cosa que hice para un proyecto (que luego no usaron): pones en lugar visible un texto que indica que con la tecla 0 y las combinaciones pertenecientes a cada navegador que te indica Daniel, accedes al mapa web, en el que, al ser una página sólo de orientación, no hay ningún problema porque pongas en cada enlace su atajo:

- Servicios [tecla 1]
- Noticias [tecla 2]

indicando que cada vez que quieras que aparezca este mapa web, estés donde estés sólo tienes que pulsar la combinación y la tecla 0 (cero).

Espero haberte aclarado. Mucha gente usa sólo la accesibilidad de cara a la galería, pero si queremos ser consecuentes, debemos trabajar en integrarla en nuestro diseño para que sea real y efectiva.

[Mikmoro]

Iniciado por Daniel Ulczyk

Bueno, falta sólo mostrar cómo se implementa:

Código HTML:

<a title="Ir a la sección xxxxx" accesskey="1" href="documento.html" rel="Section">Anchor text del enlace</a> 

Yo en el title suelo añadir:

<a title="Ir a la sección xxxxx - Tecla de acceso: 1" accesskey="1"

[GUSUM]

Muchíííísimas gracias Mikel por tu explicación!
Comparto con tigo la intemsión de ser consecuentes. Realmente es un tema muy interesante (lo que concierne a la accesibilidad). Si supieras de una página que utilice algún ejemplo de los que has dado, por favor, nos la dices??, así, entre las explicaciones y algún ejemplo visual, le termino de darle luz a este tema(je!...)

Gracias!

[Daniel Ulczyk]

Podés consultar, el sitio de Softwai por ejemplo:



Aunque en mi ejemplo, el sitio utiliza letras; no como bien sugiere Mikel: números.

[Bienjoe]

Hola a todos!
He empezado a utilizar las accesskey y no me funcionan. Este es el código, que pienso que esta bien:
<li><a href="index.php" title="Ir a la p&aacute;gina de Inicio" accesskey="1">Inicio</a></li>

Ahora pulso alt+1(primer metodo que he encontrado para usarlas) y nada. Y pulso alt+ctrl+1, como proponen en este hilo y tampoco, nada.

Alguna ayuda...

No escribo mucho porque normalmente ya lo que necesito está escrito. Gracias a todos por tanta, tanta, tanta ayuda.

[Daniel Ulczyk]

Hola *Bienjoe*

¿leíste en este hilo sobre las reglas para cada navegador?