Addaw, ir a inicio Donar

Técnica HTML WCAG 2.2

H54Marcar con dfn el término en el lugar donde se define

Nombre oficial en el W3C: Usar el elemento dfn para identificar la instancia en que se define una palabra o frase

En pocas palabras

Cuando un texto explica qué significa una palabra técnica o poco común, esa palabra se puede marcar con el elemento dfn. Se marca solo el término, no su explicación. Y solo en el punto donde se define. Así queda claro qué palabra se está definiendo.

Por qué es importante

Los tecnicismos y las palabras poco habituales cuestan a muchas personas. Por ejemplo, a quien tiene discapacidad intelectual o dificultades de lectura, o a quien no domina el idioma.

El criterio 3.1.3 (nivel AAA) pide una forma de conocer el significado de esas palabras. Una definición junto a la palabra es una buena forma. El elemento dfn indica en el código qué término se define ahí. Además, los navegadores lo muestran en cursiva, lo que ayuda a verlo.

Cómo se hace

  1. Escriba la definición cerca de la palabra, en la misma frase o en la siguiente.
  2. Rodee con <dfn> solo la palabra o expresión que se define.
  3. Use dfn una sola vez por término: donde está la definición, no cada vez que aparece la palabra.
  4. Si quiere enlazar otras apariciones con la definición, dé un id al dfn y enlácelo desde ellas.

Cómo comprobarlo

  1. Lea el texto y localice las palabras que se definen dentro de él.
  2. Con las herramientas del navegador (F12), compruebe que cada una está dentro de un <dfn>.
  3. Compruebe que el dfn rodea el término y no la explicación.

Ejemplo

Un trámite en línea que define la expresión «firma electrónica» en la misma frase.

<p>La solicitud debe llevar <dfn>firma electrónica</dfn>, es decir,
  una firma hecha en el ordenador con un certificado digital
  que identifica a la persona.</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 H54 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 usar el elemento dfn para marcar el uso de una palabra o frase en el lugar donde se define. El elemento dfn se usa para indicar la instancia definitoria del término que encierra. En otras palabras, marca la aparición del término en el punto donde este se define. Tenga en cuenta que encierra el término, no la definición. Esta técnica se usaría en combinación con Usar definiciones en línea para proporcionar la definición.

Ejemplos

<p>The Web Content Accessibility Guidelines require that non-text content
has a text alternative. <dfn>Non-text content</dfn> is content that is not a sequence
of characters that can be programmatically determined or where the sequence is
not expressing something in human language; this includes ASCII Art (which is a
pattern of characters), emoticons, leetspeak (which is character substitution), and
images representing text.</p>

Pruebas

Procedimiento

  1. Identificar todas las palabras que se definen en línea dentro del texto, es decir, aquellas cuya definición aparece en una frase cercana a una aparición de la palabra.
  2. Comprobar que cada palabra definida en línea está contenida en un elemento dfn.

Resultados esperados

  • La comprobación n.º 2 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 H54 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.