Acrónimos, abreviaturas y accesibilidad
Hace poco discutía con unos compañeros, con el fin de emplear correctamente las etiquetas acronym y abbr, sobre que debíamos considerar un acronimo y que debíamos considerar una abreviatura.
Parece que de nada ha servido el tiempo que empleamos en dilucidar la cuestión ya que la etiqueta acronym ha desaparecido en xhtml 2.0, por lo tanto la única solución que nos queda es emplear la etiqueta abbr, etiqueta que, por otro lado, no es soportada por IE6. Dado que IE7 si que soporta esta etiqueta es necesario buscar soluciones que permitan que los acrónimos y abreviaturas sean tratadas correctamente por los distintos navegadores así como por otros agentes de usuario, como los lectores de pantalla, por ejemplo jaws.
Desde A list apart nos ofrecen varias soluciones:
La primera de ellas, aunque no la mejor es la siguiente:
.abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
La <span class="abbr" title="Organización Mundial de la Salud"><abbr title="Organización Mundial de la Salud">OMS</abbr></span> es la organización más importante...
La OMS es la organización más importante...
Esto funciona con el lector de pantalla Jaws, que al no soportar el atributo title en la etiqueta span no ofrece información redundante; también funciona con IE6, que soporta el atributo title en la etiqueta span pero no la etiqueta abbr, y con IE7 que soporta la etiqueta abbr.
Otro modo es ofrecer información de modo "contextual":
La OMS (Organización Mundial de la Salud) es la organización más importante...
No obstante esta solución puede ser poco elegante en el caso de abreviaturas muy comunes. Imaginemos un listado de personas:
D. (Don) José Martínez, Dña. (Dña) Mercedes Jiménez, D. (Don) Alberto Guzmán...
El siguiente método presenta información contextual en la primera ocurrencia de una abreviatura o acrónimo poco común, y enlaces a un glosario a pie de página para la siguientes ocurrencias de esa abreviatura; enlaces a un glosario a pie de página para la primera ocurrencia de aquellas abreviaturas comunes.
a:link.glosario,
a:visited.glosario,
a:hover.glosario,
a:active.glosario {
color: #000000;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
font-style: normal;
}
La OMS (Organización Mundial de la Salud) es la organización más importante en el campo de la salud pública. Durante el pasado 2005 el Director de la <abbr title="Organización Mundial de la Salud "> <a href="#OMS" title="Organización Mundial de la Salud" class="glosario">
OMS</a></abbr> <abbr title="Señor"> <a href="#SR" title="Señor" class="glosario">
Sr.</a></abbr> Fulanito de tal acudió a más de 200 actos. El presidente en España Sr. Don Perico de los Palotes...
La OMS (Organización Mundial de la Salud) es la organización más importante en el campo de la salud pública. Durante el pasado 2005 el Director de la OMS Sr. Fulanito de tal acudió a más de 200 actos. El presidente en España Sr. Don Perico de los Palotes...
Glosario
El problema de esta última opción es la forma en que los lectores de pantalla tratarían este texto, ya que lo leerían como sigue:
La OMS (Organización Mundial de la Salud) es la organización más importante en el campo de la salud pública. Durante el pasado 2005 el Director de la Organización Mundial de la Salud Señor Fulanito de tal acudió a más de 200 actos. El presidente en España S r punto Don Perico de los Palotes...
A mi me gusta más la opción de utilizar span y abbr junto con una clase que no muestre el subrayado en aquellos enlaces demasiado comunes:
abbr.comun {
border-bottom-width: 0px;
border-bottom-style: none;
}
.abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
Quedaría como sigue:
La <span class="abbr" title="Organización Mundial de la Salud">><abbr title="Organización Mundial de la Salud">
OMS</abbr></span> es la organización más importante en el campo de la salud pública. Durante el pasado 2005 el Director de la <span class="abbr" title="Organización Mundial de la Salud"><abbr title="Organización Mundial de la Salud">
OMS</abbr></span> <span title="Señor"><abbr title="Señor" class="comun">Sr.</span></abbr> Fulanito de tal acudió a más de 200 actos. El presidente en España <span title="Señor"><abbr title="Señor" class="comun">Sr.<</span></abbr> Don Perico de los Palotes...
La OMS es la organización más importante en el campo de la salud pública. Durante el pasado 2005 el Director de la OMS Sr. Fulanito de tal acudió a más de 200 actos. El presidente en España Sr. Don Perico de los Palotes...


