Pruebas de Interfaces y contenidos

Las actividades de esta etapa consisten en hacer revisiones precisas de la forma en que se despliegan las páginas
del sitio y ver si cumplen con los Términos de Referencia en estos temas y, además, si cumplen con los estándares
mínimos definidos y la normativa vigente. (ver más sobre Normativas y Estándares Web).
Las acciones de prueba sugeridas para realizar en esta etapa son las siguientes:

Verificación de Contenidos:
es una prueba básica para revisar si el Sitio Web desarrollado incluye todos los contenidos que se
han especificado en los Términos de Referencia o los que se hayan definido en el marco del plan de
desarrollo. Se puede hacer en forma manual o automática, de acuerdo a las siguientes orientaciones:

Sistema Manual:
se refiere a hacer una revisión manual de los contenidos del Sitio Web a través de la navegación
de sus páginas. Para ello se recomienda primero construir un índice de contenidos y luego verificar
la existencia de cada uno de los ítems que contiene, a través de hacer un recorrido exhaustivo
del sitio. Los elementos que deben probarse obligatoriamente son:

• Verificación de ortografía y redacción

• Verificación de enlaces principales
• Verificación de imágenes en páginas
• Verificación de existencia de archivos adjuntos
• Verificación de Lista de Chequeo de Accesibilidad
Sistema Automático:
especialmente orientado a la verificación y detección de enlaces rotos, lo cual se puede hacer
utilizando sistemas basados en Internet o, bien, software especializado.

Sistemas Basados en Internet:

se recomienda usar el servicio de validación de enlaces del W3C Check Link

Software:
se recomienda bajar y usar desde su computador el software gratuito para verificación de enlaces: Xenu. De igual
manera, los actuales softwares de creación de sitios Web permiten manejar en forma controlada los enlaces
internos; un error común de este tipo es que una foto se vea normalmente en el computador de desarrollo, pero no
en el Sitio Web, Esto ocurre porque es referida en forma absoluta desde una ubicación en un disco duro local o en
red, en lugar de un directorio de imágenes del Sitio Web.
Nota: se recomienda hacer estas pruebas en ambientes controlados diferentes a los usados para el desarrollo
(diferentes redes y computadores), para que los resultados sean confiables.

Sitio en Construcción:
se debe verificar que el Sitio Web no contenga espacios vacíos o que tenga el título de en construcción.
No es adecuado, bajo ningún sentido, usar espacios con dicha leyenda; en tal caso es preferible
eliminar esa zona y volver a incluirla cuando exista el contenido correspondiente en el sitio.

Verificación de Meta Tags:

los meta tags son marcas en lenguaje HTML que van en la parte superior de cada página, a través de
las cuales se entrega a los sistemas de indexación y búsqueda (como Google, Bing y Yahoo! otros),
la información mínima que se debe tener en cuenta para hacer una correcta indexación del contenido
 que incluye. Los meta tags son elementos que obedecen a un estándar definido por el World Wide Web
Consortium (http://www.w3c.org) por lo que su uso está regulado. Para verificar que dichas marcas
cumplen con los elementos mínimos requeridos por los buscadores, existen herramientas en Internet
que permiten hacer tal prueba y ofrecen recomendaciones para mejorar la información ingresada en
dicha área.

Verificación de Estándares:
aunque los Sitios Web pueden ser construidos a partir de diferentes lenguajes, todos deben cumplir
ciertas normas de organización de su código fuente (sintaxis), que permitan su visualización por
software equivalente en diferentes plataformas. Dicha sintaxis está estandarizada y puede ser
probada a través de herramientas públicas que están disponibles en Internet. Las más importantes
son:

Validación HTML:
la realiza el World Wide Web Consortium a través de un validador en línea de código HTML, permite validar URL
y documentos específicos vía upload, esta herramienta indica si el código usado en la página es correcto. Como
resultado entrega un reporte con los eventuales errores para ayudar a su reparación.
Validación de CSS:

la realiza el World Wide Web Consortium a través de un validador en línea de hojas de estilo (CSS), permite
validar CSS vía URL y upload, esta herramienta indica si el archivo CSS cumple con la sintaxis estándar y por lo
tanto podrá ser visualizada correctamente en todos los sistemas.
Validación Mobile Checker (preparación para dispositivos móviles):

la realiza el World Wide Web Consortium a través de una herramienta de verificación que permite establecer el
estado de preparación del sitio para ser visualizado en dispositivos móviles, Mobile Checker, su objetivo es ayudar
a los desarrolladores a identificar errores y deficiencias en sus sitios web que debe ser corregidas para resolver
los problemas de interoperabilidad y usabilidad que dificultan el acceso a la Web desde dispositivos móviles.

Verificaciones de Interfaces:
mediante esta prueba se revisan aspectos gráficos del Sitio Web, para determinar si su despliegue
en las páginas es correcto. Dentro de los elementos más importantes a ser verificados, se incluyen
los siguientes:

Plug-ins necesarios:
cuando se utilicen elementos audiovisuales o interactivos que requieran de algún software
incrustado para funcionar (plug-ins), se debe ofrecer un enlace para que los usuarios que no lo
tengan instalado, puedan bajarlo y hacer el proceso de instalación. En el caso del uso de la
tecnología Flash, las últimas actualizaciones del producto permiten que el software pueda ser
bajado en forma automática por los programas visualizadores, si se cuenta con la codificación
adecuada. Por lo anterior, es necesario hacer la prueba desde un computador que carezca de
dicho software, para comprobar que efectivamente hace dicha operación.
Consistencia de la Diagramación:
cada una de las páginas del sitio debe tener elementos consistentes, con el fin de ofrecer al
usuario una experiencia similar en cualquier área del Sitio Web; por nombrar sólo tres aspectos,
lo anterior implica que los menús deben aparecer siempre en el mismo lugar; que los listados
deben estar diseñados de similar manera en todo el sitio y que los colores y formas de uso de las
interfaces deben ser similares a lo largo de las páginas.

Ancho de la Diagramación:
si la diagramación del sitio se ha realizado para un ancho determinado (por ejemplo, 800 pixeles de ancho), en esta
etapa se debe probar si ello se cumple. Asimismo, se debe probar en una pantalla configurada con una menor
dimensión (por ejemplo 640 x 480 pixeles), cuál es el área visible del sitio y cómo afecta eso a la navegación por el
mismo. Otra prueba del mismo estilo, se refiere a usar un programa visualizador orientado sólo a texto como Lynx,
para obtener visiones alternativas de la manera en que los usuarios están accediendo a la información que se les
ofrece.
En este aspecto, en caso de existir, es de interés contar con un estudio del log del servidor que muestre la forma en
que los usuarios están accediendo a las páginas, porque de esa manera se podrá determinar hacia qué configuración
de pantalla se debe atender con mayor prioridad. La norma en este aspecto es que sin importar las características
técnicas que tenga el computador del usuario que accede al Sitio Web, éste siempre se vea ordenado y legible.
Diagramación vs. Browsers:
aunque la codificación en los lenguajes soportados por los programas visualizadores (browsers)
puede apegarse a los estándares, no todos muestran de la misma manera los Sitios Web. Dado
esto, es necesario revisar el sitio en diferentes tipos de programas, especialmente contemplando
los mas usados. Las pruebas deberían hacerse al menos en Google Chrome, Microsoft Internet
Explorer, Opera y Mozilla Firefox, ya que con ellos se cubrirá un amplio espectro. Lo que se debe
revisar en este caso es el despliegue de todos los elementos que se muestran en la pantalla, para
asegurar de que aparecen en las posiciones que se les han asignado en el diseño.
Diagramación vs. Sistema Operativo:
tal como se explicó en el caso anterior, los diferentes sistemas operativos pueden establecer
diferencias en la forma en que se muestran los Sitios Web. Por ello, es importante conocer cuáles
son los sistemas operativos utilizados por la audiencia a la que se desea llegar y revisar el
despliegue del sitio en ellos. Hay que recordar que, además de Microsoft Windows, los usuarios
pueden estar visualizando el sitio desde computadores equipados con Apple Macintosh o
diferentes versiones del sistema operativos Unix.

Imágenes Escaladas:
se debe verificar que las imágenes que aparezcan en el sitio no estén siendo mostradas en tamaño
reducido artificialmente; es decir, que se tome una imagen de grandes dimensiones y por
programación se muestre en un tamaño menor. El efecto de eso es que las páginas con ese tipo
de imágenes serán muy pesadas y harán que el acceso a ellas sea lento. Para comprobarlo, se
debe solicitar las Propiedades de la imagen; en la ventana que se muestra se indica el peso de la
imagen, que no debería sobrepasar los 5Kb para las de tamaño pequeño (iconos y thumbnails) y
los 25Kb, para los de tamaño mediano (fotografías en noticias). Es importante considerar que,
además de estas verificaciones individuales de peso de imágenes, el límite de peso para una
página es de 100Kb, incluyendo todos sus elementos.
Imágenes Sin Atributo ALT:
para cumplir con las normas de accesibilidad es necesario que todas las imágenes que se usen
en un Sitio Web, tengan una descripción utilizando el atributo ALT (para texto alterno) del
lenguaje HTML. Para comprobarlo, basta situar el mouse sobre una imagen, para que se
despliegue una leyenda en texto en una etiqueta amarilla que flota sobre la foto; si eso no ocurre,
el atributo no está siendo usado y debe ser corregido e incluido.
 BIBLIOGRAFIA

Anónimo. (2016). Guía Digital. Desarrollo de un plan de pruebas. Recuperado de

http://www.guiadigital.gob.cl/