1. Introducción

Tras crear una página web podemos emplear algunas herramientas para asegurarnos de que nuestra página web sigue los estándares y se mostrará correctamente en diferentes navegadores.

2. Validación

Quizás la página más empleada para realizar la validación de una página web es la creada por el consorcioW3C, ya que son ellos quienes velan por los estándares. Su dirección es: http://validator.w3.org/

En la página podemos optar por introducir la URL del recurso que vamos a revisar (Validate by URI) o bien subir una página concreta (en la pestaña Validate by File Upload).

La validación nos proporcionará una lista de errores, como los de la figura, que podemos revisar y corregir hasta conseguir que la página carezca de ellos.

Si bien este proceso no es absolutamente crucial y habrá ocasiones en los que no se pueden resolver todos los errores, es conveniente reducirlos siempre a los mínimos posibles.

Desde esta misma página podemos acceder también a otros recursos de validación del W3C.

• Validación de hojas de estilo (http://jigsaw.w3.org/css-validator/ ) para comprobar las hojas de estilo.
• Link Checker (http://validator.w3.org/checklink ) para buscar enlaces erróneos que no apunten a nada.
• MobileOk Checker (http://validator.w3.org/mobile/ ) que nos da indicaciones para saber si nuestra página se muestra bien en dispositivos móviles y cómo mejorarla.
• Por último el W3C cuenta con un validador unificado con todos los recursos anteriores. Se encuentra en la siguiente dirección: http://validator.w3.org/unicorn/ . Con esta página obtendremos todos los posibles problemas que tenga nuestra página web.

3. Accesibilidad

Otros aspectos a evaluar de nuestra página es su nivel de accesibilidad. Hay varias herramientas online que nos permiten determinar el comportamiento de nuestra página en este sentido y mostrarnos las carencias que tenemos.

Una de ellas es la web de TAW; con ella se le aplican a la página las especificaciones del proyecto Web Accessibility Initiative (WAI), del W3C, que pretenden obtener sitios web totalmente accesibles para todo el mundo, a través de la definición de una serie de normas (WCAG, ATAG y UAAG).

Para acceder a la web emplearemos la dirección: http://www.tawdis.net/

En el cuadro central introduciremos la dirección de nuestra página web y una vez realizada la comprobación, obtendremos un documento con información de los problemas encontrados.

Ha llegado el momento de que verifiquemos nuestro código y lo arreglemos:

• Accede a la web http://validator.w3.org/#validate_by_upload.
• Selecciona para verificar el archivo inicial.html.
• Comprueba el archivo haciendo clic en el botón Check.

• El resultado de la comprobación es que se han detectado 6 errores:

• Vamos a corregir los errores. Abrimos el documento desde KompoZer, pero ahora cambiaremos la vista a Código fuente, cambiando de pestaña en la parte inferior del documento.

• Vamos uno a uno corrigiendo los errores.

• Y volvemos a comprobar el archivo tras las correcciones.

• Y obtenemos el visto bueno.
• Guarda el documento inicial.html y súbelo a la plataforma.

• Accede a la web http://validator.w3.org/#validate_by_upload y verifica y corrige los siguientes archivos:
  • productos.html
  • contacta.html
  • quienes.html
• Guarda los tres documentos corregidos y súbelos a la plataforma.