Blog what I write

ASCII Art y la accesibilidad web

post - - leave a reply -

Imagen de ASCII art

Imaginaros como puede llegar la información de esta imagen a una persona ciega a través de su lector de pantalla. Una repetición sonora de caracteres recurrentes sin el más mínimo significado y que finalmente se convierte en algo excesivamente molesto.

Lo bueno es que podemos contar con una alternativa muy sencilla y con un mínimo esfuerzo. Únicamente tenemos que capturar en una imagen el conjunto de caracteres ASCII, posteriormente incorporamos la imagen al documento web e indicamos en el atributo alt un significado coherente de lo que representa.

Otro caso común al respecto son los conocidos “emoticones”.
Para mejorar la semántica de esta representación textual se me ocurren tres opciones:

Encapsular los caracteres del emoticón en el elemento de abreviatura abbr, puesto que un emoticón es una representación textual abreviada de nuestro estado de ánimo.

<abbr title="carita">:)</abbr>

Capturar los caracteres como una imagen e indicar en el atributo alt la representación textual del emoticon. Este es el método usado por wordpress.

<img class="path" src="path" alt=":)" />

La última opción es similar a la anterior pero se diferencia en el atributo alt, resultando ser bastante más semántico.

<img src="path" alt="carita sonriente" />