Ir directamente al contenido de esta página

codexexempla.org

Validación de un documento XHTML

Para facilitar la labor de los creadores de contenidos web, en Internet existen multitud de validadores. Un validador es una aplicación que analiza el código de un documento web y señala los errores de sintaxis, a la vez que lanza advertencias sobre su accesibilidad. Los que personalmente encuentro más útiless son el del W3C, el TAW y HERA, todos ellos basados en las WCAG 1.0 (inglés).

Además, como herramienta de desarrollo recomiendo una extensión para Firefox de Marc Gueury basada en Tidy (inglés).

Con respecto a la validación, hay que indicar que comúnmente se comete el error de identificar la validación de un código con su accesibilidad. La validación del código fuente es una condición necesaria para que una página sea accesible, pero no suficiente. Los analizadores automáticos pueden comprobar la sintaxis de una página, pero no pueden juzgar sus elementos semánticos, por lo que se hace necesaria la revisión de las advertencias —no los errores, que no admiten interpretación— que generan por un ser humano. Para clarificar este punto, veamos un ejemplo.

Supongamos que se quiere incluir un icono con forma de casa roja en la barra de navegación que simboliza y vincula con la página principal del sitio que estamos creando.


    <a href="default.htm"><img src="icono_default.gif" /></a>
            

Esta línea genera un error en los validadores, puesto que falta su atributo alt, que en XHTML es obligatorio.


    <a href="default.htm"><img src="icono_default.gif" alt="Icono que representa una casa roja" /></a> 
            

En este caso que los validadores devuelven es una advertencia, puesto que el atributo alt está presente; el validador lo que hace es llamar la atención sobre un punto potencialmente comprometedor de la accesibilidad de la página. En este caso concreto, el código sería válido, pero no accesible. ¿Por qué? Porque el texto alternativo describe el aspecto del icono, no su función, por lo que la información relevante que debería transmitir —el destino del vínculo— se hace innacesible para un usuario invidente.


    <a href="default.htm"><img src="icono_default.gif" alt="Página principal" /></a>
            

Ahora el código es accesible y válido, pero aún así sigue generando una advertencia, porque para el analizador, que no puede comprender el significado del texto alternativo, ambas líneas anteriores son idénticas desde el punto de vista de la accesibilidad. Sólo un ser humano puede comprender que la segunda es correcta.

Así pues, el método de trabajo correcto consiste en ir validando el código a medida que se crea, hasta estar seguros de que no se producen errores, y que las advertencias han sido comprobadas.

No, para alguien que se considere un profesional no hay excusa que valga.

Para demostrar que la validez del código no es suficiente para hacer accesible una página, aquí dejo un ejemplo de una que supera varios validadores y es totalmente innaccesible.

Contacto

En virtud de la Ley Orgánica 15/1999 de Protección de Datos de Carácter Personal le informo de que los datos que proporcione no serán empleados para otro fin que el de responder a su mensaje. En especial, me comprometo a no cederlos a terceros ni a emplearlos para enviar información no solicitada.

Del blog de Digital Icon

(cc) CodexExempla.org, 2007–2017 Mapa del sitio | XHTML | CSS | AA