un tooltip es accesible?

[trasgukabi]

Hola a todos

Tengo una lista de enlaces y, para explicar lo que esos enlaces hacen, tengo un icono de ayuda que, mediante CSS, despliega un tooltip con la explicación.

Lo podeis ver en
http://www.envose.com/resumen-subtit...arl-S04E19.177

¿Eso es usable?

Gracias

[Mikmoro]

No los veo en la dirección que has enlazado.

[trasgukabi]

Hola, te pongo una imagen poara que veas donde es

[Mikmoro]

Ah lo siento, no lo he visto.

Yo para quien navegue sin ratón (con el teclado), añadiría focus y active al elemento:

a.info:hover span, a.info:focus span, a.info:active span

De esa manera, cuando se llega al enlace navegando con el tabulador también se muestra.
No creo que tenga otros problemas de accesibilidad. A ver qué dicen los demás.

[trasgukabi]

gracias!!!
hecho.

[Daniel Ulczyk]

Desde mi punto de vista, la técnica publicada en el sitio ofrece una gran barrera en función de la Accesibilidad Web.

Importante: edito porque, al momento de publicar mi respuesta no había leído lo sugerido por Mikmoro

Ya que para acceder a la información requiere de un determinado evento que se obtiene cuando el usuario lleva el mouse sobre la imagen.
No ofrece independencia con respecto al dispositivo. Esa información o contenido no es accesible navegando la página con el teclado, por ejemplo.




La imagen superior es lo que estuve analizando en la página cuando planteo el escenario:

• Sin CSS
• Sin imágenes
• Mostrar etiquetas ALT

En la forma en que se me presenta el contenido, muy similar a lo que cualquier usuario de un lector de pantalla pueda obtener. Sólo decirte:

El hecho de utilizar href, no da una buena experiencia al usuario
El uso de brackets o corchetes no agrega información en ausencia de la imagen; por lo que yo, los quitaría.

De idéntica forma, para todos los íconos luego del texto: comparte este subtítulo. Los cuales, por cierto; creo que los organizaría por listas (pero esto último es una opinión personal).

[Mikmoro]

Iniciado por Daniel Ulczyk

No ofrece independencia con respecto al dispositivo. Esa información o contenido no es accesible navegando la página con el teclado, por ejemplo.

Pero añadiendo lo que he puesto si ofrece la posibilidad de verlo con el teclado, ¿no?

EDITO: un choque tradicional, por lo que esta pregunta ya sobraba.

[Daniel Ulczyk]

Iniciado por Mikmoro

Pero añadiendo lo que he puesto si ofrece la posibilidad de verlo con el teclado, ¿no?

Sí *Mikel* lo que pasa es cuando comencé mi mensaje, aún no habías escrito el tuyo.

[Mikmoro]

Ah ya me extrañaba

[trasgukabi]

Gracias a los dos. He hecho lo que me dijo Mikel y creo que ya está arreglado. Los corchetes están ahí porque el w3c indica que en listas de enlaces tiene que haber algún elemento diferenciador entre ellos.

[Mikmoro]

No en las listas de enlaces, sino precisamente en los grupos de enlaces que no están en una lista. Si hicieras como dice Daniel una lista te los podrías evitar.

[Daniel Ulczyk]

Iniciado por trasgukabi

Gracias a los dos. He hecho lo que me dijo Mikel y creo que ya está arreglado. Los corchetes están ahí porque el w3c indica que en listas de enlaces tiene que haber algún elemento diferenciador entre ellos.

Por eso mismo, en mi anterior; comentaba sobre la técnica de organizarlos en listas.
Es más limpio y te evitás de tener información irrelevante en los ALT

[trasgukabi]

No hablaba de una lista <ul> sino de una "lista", un compendio, una ristra, un grupo de enlaces. Pero como dices, eso va por gustos

[Mikmoro]

Sí, si, estaba claro, por eso he puntualizado un "grupo de enlaces". Pero creo que no es cosa de gustos, sino una recomendación de la W3C: agrupar los enlaces en listas ordenadas o desordenadas, no en grupos sin más, sino en listas OL ó UL.

[Mikmoro]

Por ejemplo:
"Los antiguos lectores de pantalla leen las listas de vínculos consecutivos como un solo vínculo. Estos elementos activos son, por tanto, de difícil o imposible acceso."

[trasgukabi]

Gran hostia que se ha pegado el servidor, al parecer. he estado un par de horas sin poder acceder. En fin. Mikel, que me has convencido. Lo voy a hacer con UL. Pero en las listas WAI de validación sólo pone lo de elementos entre enlaces para diferenciarlos, con lo que así también sería válido.
Gracias a los dos.

[Mikmoro]

Perdón, quería decir que es una recomendación general de accesibilidad, no una recomendación oficial de la W3C.
Como bien dices, si hay caracteres no imprimibles es suficiente, pero en realidad una lista de enlaces no deja de ser una lista, que generalmente y por cuestión semántica se encontrará mejor acomodada dentro de una lista (OL, UL).

Saludos.