[Jquery-Es] Texto dentro del orden de tabulación
Alex Royo
aroyofla en gmail.com
Mar Sep 4 05:17:56 PDT 2007
Hola gentes,
Ya he visto una posible luz, aunque no me acaba de convencer su estética.
He optado por seguir el criterio de marcar el "tabindex" a los items SPAN.
Hasta ahora utilizaba el método "attr" para añadirlo, pero como os decía en
el primer correo, solo funciona en Firefox.
En cambio, si añado los elementos SPAN desde Javascript con el
correspondiente "tabindex" parece que a IE le gusta más, es un cachondo el
tio.
Respecto a lo que comentáis, entiendo que no es muy sano añadir un elemento
A con un "href" a un recurso que no es válido (#), es decir, marcar un
enlace que no es un enlace realmente. Donde trabajo se tiene muy en cuenta
aspectos de accesibilidad y hay que depurar.
Muchas gracias por vuestro interés desinteresado compares.
Saludos,
Alex Royo
El día 4/09/07, carlos campderrós <gilipollas.desconcertante en gmail.com>
escribió:
>
> On 9/4/07, Alex Royo <aroyofla en gmail.com> wrote:
> >
> > Buenas a todos gentes!
> >
>
> Hola buenos días
>
> Os expongo mi duda, a ver si me podéis orientar un poco.
> >
> > Estoy trabajando un menú (UL) donde tengo dos tipos de items:
> >
> > - Items que plegan y desplegan sus hijos (SPAN).
> > - Items que enlazan a páginas del sitio (A).
> >
> > Desde jQuery trabajo el comportamiento de plegar y desplegar y tal y
> > cual y
> > esas cosas del querer. Pero me encuentro que cuando quiero navegar por
> > la
> > página con el teclado, los items SPAN no entran en el orden de
> > tabulación.
> >
> > He probado de añadir, desde Javascript, el atributo "tabindex" a los
> > elementos SPAN. En Firefox se comporta, entrando estos en el orden de
> > tabulación, pero en IE, Safari y Opera no.
> >
> > Os agradecería cualquier aportación que me despierte la mente. Muchas
> > gracias de antemanos.
> >
>
> puedes meter un <a> dentro del span (con un wrap() de jquery), i asignarle
> el onclick al nuevo 'A'. Es posible que debas añadirle un atributo href para
> forzar que al tabular tome el foco cuando le toque. el código generado
> debería quedar algo asi:
>
> <li><span><a href='#' onclick='haz_lo_del_despliegue(); return
> false;'>ayuda</a></span> <ul> ...</ul></li>
>
> saludos.
>
> --
> Si no puedes deslumbrar con tu sabiduría,
> desconcierta con tus gilipolleces
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20070904/9d347f6a/attachment.htm
Más información sobre la lista de distribución Jquery-Es