[Jquery-Es] Texto dentro del orden de tabulación

[Choan Gálvez]

Hola.

On 04/09/2007, at 15:25, David Arango wrote:

> On 9/4/07, Alex Royo <aroyofla en gmail.com> wrote:
>> 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.
>
> Pues tienes un problema, porque tabindex no es un atributo del
> elemento span, por tanto el html no validaría.

Metámoslo desde javascript.

> Eso sin contar que el tabindex es un invento del demonio y puede
> despistar mucho al usuario (alterando el orden lógico de tabulación).

No creas. Un `tabindex="0"` no altera el orden de tabulación,  
únicamente sitúa el elemento en la lista de "focusables".  
`tabindex="-1"` hace que el elemento pueda recibir foco, pero solo  
programáticamente. `tabindex="numero positivo"` sí que es una  
cabronada (¿alguien más _padece_ la interfaz de Wordpress?).

La lástima es que la especificación de HTML 4.01 no dicta este  
comportamiento, sino que es cosa de Explorer y Mozilla.

(BTW, tanto Safari como Opera se saltan a la torera lo que dice la  
espec sobre tabulación.)

> Por tanto en este caso me parece mejor la opción de sustituir los
> spans por enlaces (vía javascript). El href no tiene porqué estar
> vacío, puede enlazar con la lista que aparece a continuación:
>
> <li>
>   <a href='#'ayuda >ayuda</a>
>   <ul id="ayuda"> ...
>   </ul>
> </li>

Lo cual tiene sentido en algunos casos, pero no en todos.

En fin, el borrador de HTML 5 trata el asunto con bastante detalle. Y  
las ARIA traerán cosas buenas.

Echad un ojo al soporte que _ya_ ofrece Firefox: http:// 
developer.mozilla.org/en/docs/Accessible_DHTML

> No es muy útil, pero sí correcto, lo cual me recuerda a una frase  
> de knuth:
>
> "Beware of bugs in the above code; I have only proved it correct,  
> not tried it."

XD

Salud.
-- 
Choan Gálvez
<choan.galvez en gmail.com>
<http://choangalvez.nom.es/>