Continuando con la sexta entrega de los artículos dedicados al uso y funcionamiento de las características proporcionadas por las Developers Tools. Una vez más es interesante recordar que el principal objetivo con esta serie de post técnicos es la de acercar al usuario las diversas funcionalidades que se proporcionan por las herramientas de desarrollo, integradas a partir de la versión 8 del navegador Internet Explorer.

Una vez mostradas las diversas posibilidades existentes en el Panel de Contenido Primario, hoy vamos a centrarnos en diversas opciones de configuración que pueden ser utilizadas por parte de los programadores para poder realizar una gestión optimizada del desarrollo de sitios y aplicaciones web.

Entre las citadas opciones, vamos a encontrar las referentes a la configuración de cache y a las posibilidades disponibles en el entorno para establecer y realizar un tratamiento de procesos de validación.

Opciones de configuración – Tratamiento de validación

Las opciones de validación se encuentras disponibles a través del menú Validar. Dicho menú proporciona las principales posibilidades de validación existentes para la mayoría de las tecnologías y lenguajes de programación web que se utilizan hoy día en el proceso de generación de sitios. Para ello, las opciones incluidas en las herramientas de desarrollo aprovechan servicios disponibles con este fin en la web, como por ejemplo los servicios de validación disponibles en el consorcio w3.






Entre las opciones de validación a utilizar por las herramientas de desarrollo vamos a encontrar:

HTML: Esta opción se va a utilizar para enviar el desarrollo del lenguaje HTML realizado al servicio de validación de marcado del consorcio w3.org (http://validator.w3.org). A través de éste, se van a poder detectar todos aquellos errores de validación que se hayan podido pasar por alto. Este servicio es útil a la hora de revisar nuestros marcados HTML o XHTML para detectar si nuestros documentos web se encuentran bien formados (Well-formed). Obsérvese como en la siguiente imagen, gracias al servicio de validación del consorcio w3, se han detectado 20 errores de desarrollo de un sitio web, frente al estándar XHTML. Además de indicar el número de errores, este servicio proporciona información detallada de los mismos, como puedan ser los errores producidos por una anidación incorrecta de etiquetas HTML o de elementos HTML que se encuentren sin su respectiva etiqueta de cierre.

CSS: Al igual que sucede con el servicio de validación de marcado, el consorcio w3 dispone de otro servicio de validación para contrastar las hojas de estilo que utilicemos en el desarrollo de nuestros sitios frente a la especificación CSS 2.0. Este servicio también dispone de información detallada respecto de errores de estilos, como por ejemplo, el uso de estilos que se encuentren en una nueva especificación en fase de borrador, pudiendo aún no ser compatibles con el navegador.

Fuente: La siguiente opción de validación es para una de las tecnologías que más se ha puesto de moda en los últimos 10 años. Hablamos de los canales de información dinámicos proporcionados por las especificaciones RSS, ATOM o KML. Incluidos en la mayoría de las bitácoras o blog, son muchas las aplicaciones lectoras cliente que se sindican o suscriben a la información proporcionada por los web master a través de dichos canales.

Esta validación se realiza a través del servicio proporcionado por feedvalidator, disponible para poder detectar errores que se encuentren en especificaciones RSS, ATOM o KML. Muy útil para aquellos desarrolladores que deseen comprobar sus feeds, incluyendo aquellos que se generen de forma dinámica a través del uso de scripts.

HTML y CSS locales: Al igual que sucede con el servicio feedvalidator, es posible encontrarse con el inconveniente de que al tratarse de servicios online, las validaciones HTML y CSS no puede acceder a las URL locales. Frente a dicha problemática, las herramientas de desarrollo proporcionan dos enlaces dentro del menú Validar denominados HTML local y CSS local, los cuales nos direccionan a un servicio de validación del consorcio w3 que va a permitir realizar validación mediante la inclusión de una ruta URL (que apunte a local), mediante la subida de un archivo HTML o CSS local, o mediante la introducción de código directo.

Accesibilidad WCAG: Esta es, sin duda, una de las validaciones más interesantes que proporcionan las herramientas de desarrollo. Muy útil en el planteamiento de generación inicial de un sitio web al proporcionar capacidades de ayuda en la integración y cumplimiento de las normativas vigentes en cuanto a accesibilidad se refiere. Según la Wikipedia. “La accesibilidad es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas.”

Pues bien, para ayudar a promover la accesibilidad de los sitios y aplicaciones web, se proporciona validación frente a la especificación WCAG (Web Content Accessibility Guidelines), la cual aporta las facilidades y técnicas que ayudan a salvar los obstáculos o barreras con las que se encuentran aquellas personas que puedan tener algún tipo de discapacidad. Con esto se consigue que cualquiera con problemas de accesibilidad pueda realizar las mismas acciones sobre los desarrollos web que aquellos usuarios que no presenten ningún tipo de discapacidad.

Para realizar la validación, las herramientas de desarrollo se aprovechan del servicio que proporciona la empresa HiSoftware Cynthia Says. Esta empresa dispone de una solución de validación de accesibilidad de contenido de web, diseñada para identificar errores en nuestros contenidos, relacionados con estándares de la Sección 508 y/o las pautas WCAG.

Con esto damos por finalizada la sexta entrega, emplazándoos a la siguiente donde trataremos las opciones de configuración relativas a la gestión de cache y del tratamiento de imágenes por parte de las Developer Tools.

Autor del artículo: José Bonnin