Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

viernes, 21 de diciembre de 2007

El uso de acrónimos y la accesibilidad

El uso de acrónimos es cotidiano; tanto en, como fuera de la web.
Pero dentro de la web, tanto en blogs como en sitios, el uso de los acrónimos debe marcarse adecuadamente. En forma especial si queremos que el documento sea accesible.
Los lectores de pantalla leen el title de la etiqueta y de esta forma transmiten la información que encierra el tag.
Es muy común ver este tipo de etiquetas:

<h1>CSS</h1>

Cuando lo correcto debe ser:

<abbr title="Cascading Style Sheets">CSS</abbr>

Y en un sentido más estricto, no pasar por alto la definición del idioma:

<abbr lang="en" title="Cascading Style Sheets">CSS</abbr>

Accesify.com nos ofrece una herramienta que se encarga de marcar automáticamente el código HTML que contiene acrónimos (y también abreviaturas): Acrobot
Se puede llevar a cabo la operación utilizando los 17 diccionarios o bien en forma individual, alguno de ellos.
Está la posibilidad de incluir la etiqueta de lenguaje (lang) como de utilizar cualquiera de las 3 opciones semánticas que ofrece.

Ejemplo de código original:

<p>Prefiero utilizar el formato PNG para las imágenes por sobre el JPG,
especialmente por la capacidad de transparencia que el mismo ofrece.
Si la imagen es decorativa, la inserto como fondo de un elemento mediante
CSS, si transmite información la inserto en el HTML llevando a cabo un
buen marcado y utilizo la etiqueta ALT</p>

Ejemplo de código entregado por la aplicación:
<p>Prefiero utilizar el formato <acronym title="Portable Network Graphics" 
lang="en">PNG</acronym> para las imágenes por sobre el
<acronym title="Joint Photographics Experts Group"
lang="en">JPG</acronym>,
especialmente por la capacidad de transparencia que el mismo ofrece.
Si la imagen es decorativa, la inserto como fondo de un elemento mediante
<acronym title="Cascading Style Sheets" lang="en">CSS</acronym>,
si transmite información la inserto en el <acronym title="HyperText Markup Language" lang="en">HTML</acronym>
llevando a cabo un buen marcado y utilizo la etiqueta ALT</p>

Para quienes, como yo, efectúan el marcado de acrónimos en forma manual y en algún momento no tengan presente alguno. Pueden consultar Acronyma
Share:

Publicidad

Estadísticas

A cotidiano, me siguen