Addaw, ir a inicio Donar

Técnica HTML WCAG 2.2

H28Explicar las abreviaturas con el elemento abbr

Nombre oficial en el W3C: Proporcionar definiciones de las abreviaturas mediante el elemento abbr

En pocas palabras

Las abreviaturas, siglas y acrónimos, como «DNI» o «Avda.», se pueden marcar con el elemento abbr. Su atributo title guarda la forma completa. Hoy es solo una técnica recomendada: muchas personas no llegan a ver ese title. Por eso conviene escribir también la forma completa en el texto, al menos la primera vez.

Por qué es importante

Las siglas confunden a muchas personas: quien tiene dificultades de lectura o de comprensión, quien no conoce el sector o quien lee en un idioma que no es el suyo. Un lector de pantalla puede, además, deletrearlas o leerlas mal.

El atributo title solo aparece al pasar el ratón por encima. No llega a quien usa teclado o pantalla táctil, y los lectores de pantalla no suelen leerlo por defecto. Por eso, por sí solo, no basta.

Cómo se hace

  1. Marque cada abreviatura con <abbr> y ponga la forma completa en su atributo title.
  2. Escriba también la forma completa en el texto visible la primera vez que aparece, por ejemplo entre paréntesis.
  3. Si la página define el término, envuelva su primera aparición en <dfn>.
  4. Sea coherente: la misma sigla, siempre con la misma forma completa en toda la página.

Cómo comprobarlo

  1. Busque en el texto las abreviaturas, siglas y acrónimos.
  2. Compruebe que cada una está dentro de un <abbr> con un title que la desarrolla.
  3. Para que sirva a todos, confirme que la forma completa también aparece en el texto visible, al menos la primera vez.

Ejemplo

Sigla y abreviatura de una página de cita previa, con su forma completa.

<p>
  Traiga el <abbr title="Documento Nacional de Identidad">DNI</abbr>
  (Documento Nacional de Identidad) a la cita.
</p>
<p>Oficina en <abbr title="Avenida">Avda.</abbr> de la Libertad, 5.</p>
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica H28 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

HTML

Descripción

El objetivo de esta técnica es proporcionar la forma desarrollada o la definición de las abreviaturas mediante el elemento abbr. Siempre es apropiado usar el elemento abbr para cualquier abreviatura, incluidos los acrónimos y las siglas.

Esta técnica ha pasado de ser una técnica suficiente a ser una técnica recomendada porque utiliza el atributo title de abbr para proporcionar la forma desarrollada de la abreviatura necesaria para constituir una técnica suficiente cuando se usa en combinación con G102. Como se indica en la especificación:

Actualmente se desaconseja depender del atributo title, ya que muchos agentes de usuario no exponen el atributo de forma accesible, tal como exige esta especificación (por ejemplo, exigen un dispositivo apuntador como el ratón para que aparezca la información emergente, lo que excluye a los usuarios que solo usan el teclado y a los que solo usan pantallas táctiles, como cualquier persona con un teléfono o una tableta modernos).

Ejemplos

Usar el elemento abbr para desarrollar abreviaturas

<p>Sugar is commonly sold in 5 <abbr title="pound">lb.</abbr> bags.</p>
<p>Welcome to the <abbr title="World Wide Web">WWW</abbr>!</p>

Usar los elementos dfn y abbr para definir abreviaturas

<p>Tasini 
  <dfn id="etal"><abbr title="and others">et al.</abbr></dfn>
  <abbr title="versus">v.</abbr>
  The New York Times <abbr title="and others">et al.</abbr> is the landmark lawsuit 
  brought by members of the National Writers Union against ...
</p>

Usar el elemento abbr para desarrollar un acrónimo

<p>Recent updates to the <abbr title="Cascading Style Sheets">CSS</abbr> color module ...</p>

Usar el elemento abbr para desarrollar una sigla

<p><abbr title="British Broadcasting Corporation">BBC</abbr></p>

Pruebas

Procedimiento

  1. Comprobar que se proporciona la forma desarrollada o una definición de cada abreviatura mediante abbr.

Resultados esperados

  • La comprobación n.º 1 es verdadera.

Recursos

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica H28 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.