Publicidad:
La Coctelera

Garbage In, Garbage Out

Diseño web, tecnología, e internet.

4 Octubre 2005

Emoticonos y accesibilidad web

Cualquiera que haya leído alguno de mis artículos o entradas en esta bitácora, se habrá fijado que, si alguna vez quiero expresar una emoción, suelo escribirla literalmente entre corchetes en lugar de poner los típicos emoticonos a base de paréntesis, puntos, comas, y todo eso. Esto lo hago para que las personas que no puedan ver, puedan entender lo que quiero decir en lugar de escuchar "punto y coma, paréntesis".

Es decir, que en lugar de poner:

;) escribo [guiño],
:) escribo [sonrisa],
:P escribo [saco la lengua].

Lo lógico sería conservar el emoticono y proporcionar una alternativa a los invidentes. El modo de hacerlo, según me he fijado en un artículo de la bitácora de Emanuelle Gutiérrez, es tratando a los emoticonos como abreviaturas. Es decir:

<abbr title="guiño">;)</abbr>

o

<abbr title="sonrisa"><img src="sonrisa.gif" alt=":)" /></abbr>

Esta idea de tratar a los emoticonos como abreviaturas es la primera vez que la veo, y creo que tiene sentido, ya que tan solo estamos comprimiendo una palabra en un par de caracteres, del mismo modo que la abreviatura Sr. es la compresión de la palabra Señor.

Emanuelle es la experta, creadora y coordinadora de SIDAR, que a su vez colabora intensamente en la lista de accesibilidad web Acceso Web, y a la que le doy credibilidad ya que sabe mucho más de este tema que yo. [guiño]

Yo seguiré usando mi particular forma de expresar mis emoticonos, porque me parece más económico a la hora de escribir artículos.

ACTUALIZACIÓN

Gracias al comentario de Lolo, he visto que la técnica de usar abreviaturas en los emoticonos está descrita en las pautas de accesibilidad web, en el tercer ejemplo.

servido por gigo 8 comentarios compártelo

8 comentarios · Escribe aquí tu comentario

Federico

Federico dijo

El alt de sonrisa.gif no es "dos puntos parentesis" sino "sonrisa" así que te estaría sobrando un ABBR.

5 Octubre 2005 | 10:35 PM

gigo

gigo dijo

No digo que no esté mal lo que dices, pero tampoco está mal de esta forma, ya que la intención es visualizar ;) donde no se pueda ver imágenes.

En un navegador con imágenes se verá la imagen del emoticono. Si hay problemas para visualizar la imagen, se verá :) (dos puntos, paréntesis). Y si lo lee un lector de pantalla, se oirá "sonrisa".

La idea no la tengo comprobada porque no tengo un lector de pantalla instalado, pero viniendo de Emanuelle, estoy casi seguro de que está bien y comprobado.

5 Octubre 2005 | 11:00 PM

Lolo

Lolo dijo

Me parece que la superexperta del Sidar no es tan superexperta.

Basta con leerse la técnicas del HTML del W3C:
http://www.discapnet.es/web_accesible/tecnicas/html/WCAG10-HTML-TECHS_es.html#ascii-art (tercer ejemplo)

Si repetir las cosas nos hace expertos entonces hasta los loritos son expertos.

6 Octubre 2005 | 11:25 AM

gigo

gigo dijo

Lolo, la superexperta ha participado en la elaboración de los estándares.

Y no sé qué quieres decir porque, precisamente el ejemplo que dices, emplea la técnica que ella utiliza y yo he descrito.

A parte de eso, tu primer y último párrafos no aportan nada a tu comentario. No entiendo a qué viene ese tono irónico porque aquí nadie es superlisto, ni superexperto, ni supernada. Todo es debatible. Si no estás de acuerdo con algo, lo dices, y punto. Así aprendemos todos.

Gracias por tu enlace, lo anotaré en el artículo.

6 Octubre 2005 | 11:57 AM

Federico

Federico dijo

Le juego todas las fichas a que un lector de pantalla va a preferir el alt de IMG al title de ABBR. Hasta donde recuerdo, algunos (¿Jaws?) tenes que pedirle explicitamente que te lea los title, sumado a que la reacción mas razonable es tratar de leer primero el alt.
Claro que también podríamos confiar en que el lector de pantalla interprete "dos punto parentisis" como parentesis, pero eso sería hack que podría traer mas complicaciones que soluciones (ya sabés, alguna vez podés realmente querer escribir "punto y coma parentesis").

7 Octubre 2005 | 09:18 PM

gigo

gigo dijo

No sé, yo no he probado nunca un lector de pantalla. Estoy seguro que si pones "sonrisa" en el ALT no hay problema, pero entonces no consigues el efecto deseado.

Si dices que a Jaws debes pedirle que te lea el title de la abreviatura, entonces no sé dónde está el problema. Se le dice que la lea y todo resuelto. Si tu intención es poner un punto y coma paréntesis, entonces no se pone ABBR y listo.

De todas formas, ahí queda tu apunte. Yo seguramente haría lo que tú. De hecho, ya ves que no me complico la vida con los emoticonos.

Me has dejado intrigado. Ahora me he puesto a bajar el JAWS. [guiño]

10 Octubre 2005 | 08:14 AM

Federico

Federico dijo

El problema del title sería (siguiendo mi logica) que forma parte del elemento ABBR y no de IMG. Primero el software lector encuentra ABBR y elige saltearlo porque confia en que va a entender la supuesta abreviatura, pero entonces se encuentra con un alt que dice algo sin sentido. Tendrías que retrodecer un elemento para saber si es emoticon o parte de una linea de código.
¿Bajar Jaws? Te compadezco. Tengo entendido que es una labor de parto entenderlo.

16 Octubre 2005 | 11:24 PM

gigo

gigo dijo

Je, je... lo es. No soy capaz ni de hacerle leer los alt de ninguna imagen. Creo que hoy día cualquier solución queda lejos de ser perfecta.

17 Octubre 2005 | 08:00 AM

Escribe tu comentario


Sobre mí

Avatar de gigo

Garbage In, Garbage Out

ver perfil »
contacto »
Desarrollador web con ganas de aprender y enseñar, porque aún queda mucho por aprender y por enseñar. Uso esta bitácora para hacer mis apuntes profesionales y de paso contribuir a ayudar a mis compañeros de, ésta, mi profesión. [guiño]

Sindicación

Fotos

gigo todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera