 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 mas 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 ítemes 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 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 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 wwww3corg  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 de html   la realiza el world wide web consortium a través de un validador en linea de codigo 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 linea de hojas de estilo css   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 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  plugins necesarios  cuando se utilicen elementos audiovisuales o interactivos que requieran de algún software incrustado para funcionar  plugins  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 5 kb 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 areas guía web perfil profesional jefe de proyecto diseñador desarrollador frontend editor de contenidos control de calidad gestión de proyecto arquitectura de información usabilidad y diseño gestión de contenido accesibilidad encontrabilidad puesta en marcha normativa y estándares buenas prácticas control de calidad ciclos del proyecto nuevo sitio rediseño nuevas funcionalidades migración de plataforma w3c css tests redacción escritura web meta tags checklist diagramación alt select rating darle 15 darle 25 darle 35 darle 45 darle 55 no votes yet puesta en marcha de sitio web  pruebas interfaces contenidos pruebas interfaces contenidos  