<p>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&nbsp;<strong>Términos de Referencia</strong>&nbsp;en estos temas y, además, si cumplen con los estándares mínimos definidos y la normativa vigente. (ver mas sobre <span style="background-color: #ffffff;"><a href="/indice/normativas" title="Ir a Seccion Normativas">Normativas</a> y <a href="/indice/estandares-web" title="Ir a sección Estándares Web">Estándares Web</a>).</span></p>
<p>Las acciones de prueba sugeridas para realizar en esta etapa son las siguientes:</p>
<h2>Verificación de Contenidos:</h2>
<dl><dd>es una prueba básica para revisar si el Sitio Web desarrollado incluye todos los contenidos que se han especificado en los&nbsp;<strong>Términos de Referencia</strong>&nbsp;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:</dd><dd></dd></dl>
<h3 style="padding-left: 30px;">Sistema Manual:</h3>
<dl><dd><dl><dd>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 ítemes que contiene, a través de hacer un recorrido exhaustivo del sitio. Los elementos que deben probarse obligatoriamente son:</dd><dd>
<ul>
<li>Verificación de ortografía y redacción</li>
<li>Verificación de enlaces principales</li>
<li>Verificación de imágenes en páginas</li>
<li>Verificación de existencia de archivos adjuntos</li>
<li>Verificación de <a href="/articulo/checklists" title="Ir a Checklists">Lista de Chequeo de Accesibilidad</a></li>
</ul>
</dd></dl>
<h3>Sistema Automático:</h3>
<dl><dd>especialmente orientado a la <strong>verificación y detección de enlaces rotos</strong>, lo cual se puede hacer utilizando sistemas basados en Internet o, bien, software especializado.</dd></dl>
<h3>Sistemas Basados en Internet:</h3>
<dl><dd>se recomienda usar el <a href="http://validator.w3.org/checklink" title="Ir a Validador de Enlaces W3C">servicio de validación de enlaces del&nbsp;<abbr title="World Wide Web Consortium." lang="en">W3C</abbr>&nbsp;Check Link</a></dd></dl>
<h3>Software:</h3>
<dl><dd>
<p>se recomienda bajar y usar desde su computador el <a href="http://home.snafu.de/tilman/xenulink.html" title="Ir a Sitio XENU">software gratuito para verificación de enlaces: Xenu</a>. De igual manera, los actuales software 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.</p>
<div class="stressed">
<p>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.</p>
</div>
</dd></dl></dd></dl>
<h2>Sitio en Construcción:</h2>
<dl><dd>se debe verificar que el Sitio Web no contenga espacios vacíos o que tenga el título de&nbsp;<strong>en construcción</strong>. 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.</dd></dl>
<h2>Verificación de Meta Tags:</h2>
<dl><dd>los&nbsp;<a href="/glosario/M#/meta-tag" title="Ver término en glosario." class="glossaryTerm">meta tags</a>&nbsp;son marcas en lenguaje&nbsp;<abbr title="HyperText Markup Language." lang="en">HTML</abbr>&nbsp;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&nbsp;<a href="http://www.google.com/" title="Ir a www.google.com">Google</a>, <a href="http://www.bing.com/" target="_blank" title="Ir a www.bing.com">Bing</a> y <a href="http://www.yahoo.com/" title="Ir a www.yahoo.com">Yahoo! </a>otros), la información mínima que se debe tener en cuenta para hacer una correcta indexación del contenido que incluye. Los&nbsp;<strong>meta tags</strong>&nbsp;son elementos que obedecen a un estándar definido por el&nbsp;<a href="/glosario/W#/w3c" title="Ver término en glosario." class="glossaryTerm">World Wide Web Consortium</a>&nbsp;(<a href="http://www.w3c.org/" title="Sitio web del W3C.">http://www.w3c.org</a>) 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.</dd></dl>
<h2>Verificación de Estándares:</h2>
<dl><dd>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:</dd><dd></dd></dl>
<blockquote style="padding-left: 30px;">
<h3>Validación de HTML<strong>:</strong></h3>
</blockquote>
<blockquote style="padding-left: 30px;"><br>la realiza el World Wide Web Consortium&nbsp; a través de un <a href="http://validator.w3.org" target="_blank" title="Ir a Validador HTML del W3C">validador en linea de codigo HTML</a>, 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.</blockquote>
<blockquote style="padding-left: 30px;">
<h3>Validación de CSS:</h3>
</blockquote>
<blockquote style="padding-left: 30px;"><br>la realiza el World Wide Web Consortium&nbsp; a través de un <a href="http://jigsaw.w3.org/css-validator/" title="Ir a Validador CSS del W3C">validador en linea de hojas de estilo (CSS)</a>, permite validar CSS via 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.</blockquote>
<blockquote style="padding-left: 30px;">
<h3>Validación Mobile Checker (preparación para dispositivos móviles):</h3>
</blockquote>
<blockquote style="padding-left: 30px;"><br>la realiza el World Wide Web Consortium&nbsp; 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, <a href="http://validator.w3.org/mobile/" target="_blank" title="Ir a Validador Mobile Checker del W3C">Mobile Checker</a>, 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.</blockquote>
<h2>Verificaciones de Interfaces:</h2>
<dl><dd>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:</dd><dd></dd><dd></dd><dd>
<h3>Plug-ins necesarios:</h3>
<dl><dd>cuando se utilicen elementos audiovisuales o interactivos que requieran de algún software incrustado para funcionar (<a href="/glosario/P#/plug" title="Ver término en glosario." class="glossaryTerm">plug-ins</a>), 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&nbsp;<a href="/glosario/F#/flash" title="Ver término en glosario." class="glossaryTerm">Flash</a>, 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.</dd></dl>
<h3>Consistencia de la Diagramación:</h3>
<dl><dd>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.</dd></dl>
<h3>Ancho de la Diagramación:</h3>
<dl><dd>
<p>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 <a href="http://www.delorie.com/web/lynxview.html" title="Ir a Sitio Lynx">visualizador orientado sólo a texto como Lynx</a>, para obtener visiones alternativas de la manera en que los usuarios están accediendo a la información que se les ofrece.</p>
<p>En este aspecto, en caso de existir, es de interés contar con un estudio del&nbsp;<a href="/glosario/L#/log" title="Ver término en glosario." class="glossaryTerm">log</a>&nbsp;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.</p>
</dd></dl>
<h3>Diagramación vs. Browsers:</h3>
<dl><dd title="Ir a sitio web Opera">aunque la codificación en los lenguajes soportados por los programas visualizadores (<a href="/glosario/B#/browser" title="Ver término en glosario." class="glossaryTerm">browsers</a>) 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 <a href="http://www.google.com/chrome" title="Ir a Google Chrome">Google Chrome</a>, <a href="http://www.microsoft.com/explorer" title="Ir a Microsoft Explorer">Microsoft Internet Explorer</a>,&nbsp;<a href="http://www.opera.com" title="Ir a Opera">Opera</a>&nbsp;y&nbsp;<a href="http://www.mozilla-europe.org/es/" title="Ir a Mozilla Firefox">Mozilla Firefox</a>, 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.</dd></dl>
<h3>Diagramación vs. Sistema Operativo:</h3>
<dl><dd>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.</dd></dl>
<h3>Imágenes Escaladas:</h3>
<dl><dd>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&nbsp;<strong>Propiedades</strong>&nbsp;de la imagen; en la ventana que se muestra se indica el peso de la imagen, que no debería sobrepasar los 5<abbr title="Kilobytes" lang="en">Kb</abbr>&nbsp;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.</dd></dl>
<h3>Imágenes Sin Atributo ALT:</h3>
<dl><dd>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&nbsp;<code>ALT</code>&nbsp;(para texto alterno) del lenguaje&nbsp;<abbr title="HyperText Markup Language" lang="en">HTML</abbr>. 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.</dd></dl></dd></dl>