Niquelao - (X)HTML

Citas y otras yerbas

21 de May, 2007 por Maroto

A raíz de la interpretación de uno de los puntos de verificación de las Pautas de Accesibilidad al Contenido Web (WCAG), concretamente el 3.7 Marque las citas. No utilice el marcador de citas para efectos de formato tales como sangrías, ha surgido un interesante debate acerca de si debería considerarse como un error (de accesibilidad o de semántica) el marcar o dejar de marcar al autor de una cita con el elemento <cite>.

Un caso práctico

Para ponernos en situación, lo mejor será utilizar un caso real de uso, a partir del cuál interpretar el problema. Tenemos el siguiente marcado:

<blockquote>
  <p>
    An equal opportunity disease afflicts nearly every site now on the
    web, from the humblest personal pages to multimilliondollar sites
    of corporate giants. Cunning and insidious, the disease goes largely
    unrecognized because it is based on industry norms. Although their
    owners and managers might not know it yet, 99.9% of all websites
    are obsolete.
  </p>
  <p>Jeffrey Zeldman</p>
</blockquote>

Por un lado, parece bastante claro que se trata de una cita textual extraída de algún recurso (documento impreso, artículo, sitio web, etc). En este caso no parece que se esté utilizando con fines de presentación, sino que se está realizando un marcado adecuado.

Por otro lado tenemos al autor de dicha cita, Jeffrey Zeldman. ¿Debería marcarse con el elemento <cite>?

Bien, yo diría que, a primera vista, no. Al menos la ausencia de marcado de este tipo no debería considerarse un error.

¿Por qué?

Vamos a tirar de estándar. El elemento <blockquote> (también <q>) tiene un atributo (cite) que nos permite, a través de una URI, indicar el documento fuente del que se ha extraído dicha cita. En caso de tratarse de un documento impreso, asignarle una URI nos complica un poco el tema. Nada imposible, por supuesto.

Por otra parte, tenemos el elemento <cite> que, según la especificación HTML 4.01, contiene una cita o referencia a otras fuentes. (Contains a citation or a reference to other sources). Vamos, que viene a tener la misma función que el atributo con el mismo nombre, pero con la ventaja de que podemos citar cualquier tipo de recurso. En ningún momento indica que este elemento se tenga que utilizar para indicar el autor de una cita, aunque es cierto que los ejemplos de la especificación lo hacen.

¿De que sirve marcar como <cite> al autor de una cita textual?. Si el contenido de este elemento no es capaz de proporcionarnos la información suficiente como para localizar el documento original del que se ha extraído, de poco. Autores como Zeldman no se caracterizan precisamente por haber escrito una única obra (artículo, libro, entrada en su diario personal, etc), por lo tanto, ¿de qué obra estamos hablando?

El contenido de este tipo de elementos debería servir como punto de acceso a una información más completa del recurso que se está citando, es decir, una asociación inequívoca a la lista de referencias bibliográficas utilizadas en nuestro documento.

Utilizar de forma adecuada este elemento, así como citar correctamente, proporciona una serie de ventajas (Eaves; Hurst, 1998):

Marcar correctamente las citas

Una buena cita se compone de dos elementos: la cita en el texto y la referencia bibliográfica a la que apunta y donde encontraremos la información completa que nos lleve a localizar un documento.

Para expresar la primera parte se utilizan gran variedad de estilos (University of Wisconsin-Madison, 2006), (Merlo; Sorli, 2000) donde generalmente se indica entre paréntesis el apellido del autor y el año de publicación.

<cite>(Zeldman, 2003)</cite>

Esta información nos permitirá encontrar en la lista de referencias bibliográficas utilizadas en el documento, localizar el documento concreto del que se ha extraído la información.

<li>
  Zeldman, Jeffrey (2003). Designing with Web Standards. 1st. ed.
  New Riders Publishing, [New York]. 0735712018.
</li>
<li>
  Zeldman, Jeffrey (2001). Taking your talent to the web: Making the
  transition. 1st. ed. Que Pub. 0789724898.
</li>

En caso de normas, estándares, recomendaciones, etc. cuyo responsable principal suele ser una organización (OASIS, W3C, ISO, AENOR, etc.), resulta más útil hacer referencia al título abreviado de la norma o estándar.

<cite>(WCAG10)</cite>
<li>
  W3C. Web Content Accesibility Guidelines 1.0 (WCAG10). [En línea]. 
  Wendy Chisholm; Gregg Vanderheiden; Ian Jacobs; 5 mayo 1999. W3C 
  Recommendation. <a href="http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/">
  <http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/></a>
</li>

La creación de las referencias bibliográficas tiene sus propios estándares, tanto nacionales (UNE-50104) como internacionales (ISO 690 e ISO 690-2).

Otras buenas prácticas

Hemos visto que marcar de forma adecuada una cita proporciona al lector información útil que le permitirá acceder a un nuevo recurso si lo considera interesante. En el caso del atributo cite de los elementos <blockquote> y <q>, al tener como valor la URI del documento fuente, no va a proporcionar la misma información que una referencia bibliográfica completa. Tendremos que acceder al recurso y comprobarlo por nosotros mismos. Para aportar un poco más de información útil podemos utilizar este atributo para introducir una URI que apunte directamente a nuestra referencia bibliográfica.

<blockquote cite="http://uri_a_referencia/referencia.html#dwws">
  <p xml:lang="en" lang="en">
    An equal opportunity disease afflicts nearly every site now on the
    web, from the humblest personal pages to multimilliondollar sites
    of corporate giants. Cunning and insidious, the disease goes largely
    unrecognized because it is based on industry norms. Although their
    owners and managers might not know it yet, 99.9% of all websites
    are obsolete.
  </p>
  <p>Jeffrey Zeldman</p>
</blockquote>

Una buena idea es convertir el elemento <cite> en un ancla que apunte directamente a la referencia bibliográfica, evitando de este modo que el lector tenga que desplazarse mediante el scroll para localizarla.

<cite><a href="#dwws" title="Enlace a 
referencia bibliografica">(Zeldman, 2003)</a>
</cite>

Esta información nos permitirá encontrar en la lista de referencias bibliográficas utilizadas en el documento, localizar el documento concreto del que se ha extraído la información.

<li id="dwws">
  Zeldman, Jeffrey. Designing with Web Standards. 1st. ed. 2003
  New Riders Publishing, [New York]. 0735712018.
</li>

Por último, y utilizando algo de javascript, podríamos cargar dinámicamente la información que aparecen en la referencia bibliográfica al pasar el ratón sobre la cita, a modo de tooltip. De este modo se evita que el usuario se mueva por el documento para obtener la información.

Conclusiones

De lo expuesto a lo largo de este artículo, salido de lo más profundo de las fuentes de Maroto, queremos dar a entender que no marcar al autor con el elemento <cite> no se debería considerar un error de accesibilidad, ni siquiera de semántica. Por supuesto, en caso de marcarlo, sería conveniente aplicar las recomendaciones aquí expuestas.

Probablemente la confusión al respecto de este elemento y el problema de accesibilidad que refleja el punto de verificación 3.7 surja de la traducción del mismo. Mark up quotations. Do not use quotation markup for formatting effects such as indentation. Si bien el castellano se caracteriza por su gran riqueza, en este caso el uso de la palabra cita genera demasiada ambigüedad. Por el contrario, en inglés hay una importante diferencia entre lo que se entiende por quotation (transcripción literal de las palabras de otra persona) y citation (dar credibilidad a dicha transcripción).

Referencia

Categoría: (X)HTML, Accesibilidad

Puedes hacer un seguimiento de los comentarios gracias al feed RSS 2.0. También podrías dejar un comentario, o enviar un trackback desde tu sitio.

Deja tu comentario

Los campos Nombre y Email son obligatorios

...y si quieres incluir un Gravatar.

Añádenos a...

Tags que destacamos en general

Creative Commons License Esta obra está bajo una licencia de Creative Commons.