<p>Su objetivo es que los Sitios Web cumplan "las directrices principales de las normas internacionales de accesibilidad" con el fin de permitir un grado de acceso a las personas con discapacidades.</p>
<p>Para ello se deben cumplir las normas indicadas en el Título III del decreto que corresponde a los artículos 10º a 14º y el plazo para ello fue fijado a dos años de la promulgación del decreto, vale decir, al&nbsp;<strong>12 de agosto de 2008</strong>. A continuación se revisa el contenido de los artículos y la forma de darles cumplimiento.</p>
<h4>Diagramación con CSS (DS 100/2006 Art. 10º)</h4>
<p>Este artículo indica que las páginas de los Sitios Web deben ser diagramadas utilizando hojas de estilo en cascada (CSS por su sigla en inglés), indicando que se debe separar "el contenido, la estructura y la presentación de los primeros".</p>
<p>Este es un cambio de importancia respecto de la situación actual, ya que incluso hasta la aparición de la <strong>Guía Web Versión 1.0</strong> habitualmente se empleaban tablas para disponer los elementos en las páginas, facilitando de esa manera su ubicación en la pantalla.</p>
<p>La diagramación con tablas se usó habitualmente desde el inicio de los Sitios Web y el problema con esta forma de trabajo se relacionaba con el hecho de que los contenidos se unían con el código utilizado en la presentación, evitando que el Sitio Web pudiera ser usado en plataformas diferentes sin adecuarlo previamente.</p>
<p>Gracias al uso de las hojas de estilo en cascada, esta situación pudo mejorarse ya que el contenido se pudo mantener inalterable y sólo hacer los cambios en la capa a de la presentación, lo que permitió llevar dichos contenidos a cualquier plataforma, sólo haciendo cambios en el estilo de diagramación, el cual se define a través del archivo CSS relacionado a la página.</p>
<div class="Destacado"><img src="http://www.guiaweb.gob.cl/guia-v2/images/icn.dest.web.45x45.jpg" alt="Icono con el símbolo de información adicional">Se puede encontrar una colección histórica de browsers en&nbsp;<a href="http://browsers.evolt.org/" title="Sitio para descargar browsers antiguos">http://browsers.evolt.org/</a>.</div>
<p>Otro elemento importante en la diagramación usando las hojas de estilo, es la revisión de lo que ocurre cuando ellas no están presentes. En este sentido, se debe tender a que el Sitio Web se degrade "aceptablemente", vale decir, que sus contenidos no se vean diagramados con la presentación gráfica habitual pero que al menos puedan entenderse adecuadamente. Para hacer este experimento, existen una serie de herramientas que facilitan la revisión, destacando entre ellas las&nbsp;<strong>extensiones</strong>&nbsp;para el navegador Firefox Versión 2:</p>
<ul>
<li><strong><a href="https://addons.mozilla.org/es-ES/firefox/addon/1843" title="Ir a Firebug">Firebug</a></strong>: software que ocupa la parte inferior de la pantalla y va mostrando el código fuente a medida que se desplaza el cursor sobre el Sitio Web que se revisa; ofrece mucha información acerca de su código fuente.</li>
<li><strong><a href="https://addons.mozilla.org/es-ES/firefox/addon/2104" title="Ir a CSS Viewer">CSS Viewer</a></strong>: comando que permite ver el estilo utilizado en la página que se revisa, a medida que se desplaza el mouse sobre la página web.</li>
<li><strong><a href="https://addons.mozilla.org/es-ES/firefox/addon/60" title="Ir a Web Developer">Web Developer</a></strong>: barra de herramientas con gran cantidad de opciones para revisar el Sitio Web.</li>
<li><strong><a href="https://addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/" title="Ir a Mozilla Accessibility Extension">Mozilla Accessibility Extension</a></strong>: barra de herramientas con todas las opciones necesarias para revisar la accesibilidad del Sitio Web.</li>
</ul>
<p>En tanto, para&nbsp;<strong>Microsoft Internet Explorer</strong>&nbsp;también hay herramientas disponibles, entre las que se cuentan:</p>
<ul>
<li><strong><a href="http://www.microsoft.com/download/en/details.aspx?id=18359" title="Ir a Internet Explorer Developer Toolbar">Internet Explorer Developer Toolbar</a></strong>: herramienta provista por la empresa Microsoft para apoyar el desarrollo de Sitios Web.</li>
</ul>
<p>Es importante considerar que al final de este capítulo se ofrecen archivos para trabajar en la incorporación de CSS a una página web de manera práctica.</p>
<h4>Utilización de Marcos (DS 100/2006 Art. 11º)</h4>
<p>Este artículo indica que los marcos o "frames" que se utilicen para mostrar el contenido de los Sitios Web, "deben ofrecer información adecuada al usuario" para que éste no tenga dificultades de navegación o pierda los enlaces que se ofrecen dentro del propio Sitio Web.</p>
<p>El tema de los marcos (frames) es abordado en la sección <a href="/articulo/diseno-para-el-acceso-rapido" title="Ir a Diseño para el Acceso Rápido">Diseño para el Acceso Rápido</a> donde se explica que dicha tecnología "consiste en agrupar varios archivos para que se desplieguen de manera simultánea, permitiendo a los usuarios ver varios contenidos al mismo tiempo". Se muestran asimismo las ventajas y desventajas de la misma y se plantea que " esta forma de organizar los Sitios Web debe desecharse para pasar a sitios de interfaz contenida en un solo archivo."</p>
<p>Si bien se entiende que esta actividad se puede hacer en un marco de tiempo adecuado, en tanto se siguen usando los marcos, se deben tener las siguientes consideraciones:</p>
<ul>
<li>La información contenida en la sección&nbsp;<em>&lt;noframes&gt;</em>&nbsp;que se inserta dentro de la etiqueta&nbsp;<em>&lt;frameset&gt;</em>&nbsp;debe contener información adecuada acerca del contenido del Sitio Web e idealmente, entregar enlaces que permitan acceder a contenidos en el interior del Sitio Web.</li>
<li>Los enlaces que salgan de los marcos deben utilizar siempre el modificador&nbsp;<em>"target"</em>&nbsp;en la etiqueta&nbsp;<em>&lt;a&gt;</em>, con el objetivo de que el enlace siempre llegue hacia uno de los marcos cuyo nombre se indica; hacia la ventana donde están contenidos los marcos usando el modificador&nbsp;<em>"target=_top"</em>&nbsp;o bien hacia una ventana nueva usando el modificador&nbsp;<em>"target=_blank"</em>.</li>
<li>Los buscadores de Internet pueden tener indexado el contenido de los marcos por separado, lo que podría motivar su apertura sin los demás archivos que le dan contexto a las páginas. Para ello se aconseja programar a nivel de servidor para que cada vez que se solicite una página por separado, ésta se muestre con los marcos relacionados.</li>
</ul>
<h4>Uso de Plug-ins (DS 100/2006 Art. 12º)</h4>
<p>Este artículo indica que en caso de que se emplee software adicional al Sitio Web para mostrar contenidos específicos (también conocidos por la palabra en inglés&nbsp;<em>plug-in</em>), se debe proporcionar el visualizador correspondiente de manera gratuita, ya sea que puedan ser bajados del propio Sitio Web como desde el Sitio Web de la empresa que lo ofrezca.</p>
<div class="Destacado"><img src="http://www.guiaweb.gob.cl/guia-v2/images/icn.dest.preg.45x45.jpg" alt="Icono con el símbolo de información adicional"><strong>Plug-in</strong>: software de apoyo que permite ver contenidos específicos a través de un browser.</div>
<p>El objetivo de esta medida es que los usuarios no deban comprar un software para acceder a los contenidos de los Sitios Web, sino que siempre tengan alternativas gratuitas para revisar la información que se les ofrece.</p>
<p>Cabe recordar en este sentido, que lo anterior también implica que los Sitios Web no deben ofrecer archivos para los cuales no haya visualizadores gratuitos o que pertenezcan a formatos propietarios, aunque se suponga que todo el mundo tenga dichos software.</p>
<p>Los visualizadores más habituales y sus ubicaciones vía web son los siguientes:</p>
<ul>
<li><strong>Adobe-PDF</strong>:&nbsp;<a href="http://www.latinamerica.adobe.com/products/acrobat/readstep2.html">Acceso a página para descargar el visualizador</a></li>
<li><strong>MS-Excel</strong>:&nbsp;<a href="http://www.microsoft.com/download/en/details.aspx?id=10">Acceso a página para descargar el visualizador</a></li>
<li><strong>MS-Word</strong>:&nbsp;<a href="http://www.microsoft.com/download/en/details.aspx?id=4">Acceso a página para descargar el visualizador</a></li>
<li><strong>MS-PowerPoint</strong>:&nbsp;<a href="http://www.microsoft.com/download/en/details.aspx?id=13">Acceso a página para descargar el visualizador</a></li>
</ul>
<h4>Accesibilidad (DS 100/2006 Art. 13º)</h4>
<p>Este artículo señala que los Sitios Web deben ser accesibles usando diferentes tipos de navegadores (browser o programa para ver Sitios Web), de los cuales al menos uno debe ser gratuito y estar disponible en el propio Sitio Web para que sea obtenido por los usuarios.</p>
<p>El objetivo de esta medida es terminar con la "optimización" que habitualmente se hace en los Sitios Web para que puedan ser vistos a través de un navegador en particular.</p>
<div class="Destacado"><img src="http://www.guiaweb.gob.cl/guia-v2/images/icn.dest.preg.45x45.jpg" alt="Icono con el símbolo de información adicional"><strong>Accesibilidad</strong>: Conjunto de buenas prácticas utilizadas en un Sitio Web para asegurar la visualización de sus contenidos por personas con discapacidades físicas.</div>
<p>Asimismo, al no existir optimización del navegador, se debe trabajar para que el Sitio Web cumpla los estándares web, ya que de esa manera se puede asegurar que efectivamente cualquier programa de navegación pueda acceder a los contenidos.</p>
<p>En este ámbito, la organización W3C ofrece su propio browser denominado "<a href="http://www.w3.org/Amaya/" title="Ir al Sitio Web del navegador Amaya del W3C">Amaya</a>" que está disponible para las plataformas Windows, Macintosh y Linux (Debian, Ubuntu, RedHat, Mandrake, Suse). Adicionalmente, la comunidad&nbsp;<a href="http://browsers.evolt.org/" title="Ir al Sitio Web de la comunidad Evolt">Evolt.org</a>&nbsp;ofrece un Sitio Web especial con una&nbsp;<strong>colección histórica de browsers</strong>, donde se pueden obtener copias de todos los software que se han usado para navegar Internet, con la ventaja de que están todas las versiones que han existido.</p>
<p>Otro elemento importante a considerar es que existen&nbsp;<strong>herramientas interactivas</strong>&nbsp;que se ofrecen desde Sitios Web, para determinar la accesibilidad de un Sitio Web. De ellas podemos destacar los siguientes:</p>
<ul>
<li><strong><a href="http://www.sidar.org/hera/" title="Ir a Hera">Hera</a></strong>: formulario interactivo para determinar accesibilidad, preparado por la Fundación Sidar - Acceso Universal de España.</li>
<li><strong><a href="http://www.tawdis.net/taw3/cms/es" title="Ir a Test de Accesibilidad Web">Test de Accesibilidad Web</a></strong>: formulario interactivo para determinar la accesibilidad de un Sitio Web, preparado por la Fundación CTIC de España.</li>
<li><strong><a href="http://www.w3.org/WAI/ER/tools/complete" title="Ir a Herramientas de Accesibilidad Web">Herramientas de Accesibilidad Web</a></strong>: listado compilado por la World Wide Consortium con utilidades de diverso tipo para la tarea de asegurar la accesibilidad de un Sitio Web.</li>
</ul>
<h4>Validación de la Hoja de Estilo (DS 100/2006 Art. 14º)</h4>
<p>Mientras el artículo 10 explicado anteriormente señala que las páginas de los Sitios Web deben ser diagramadas utilizando hojas de estilo en cascada (CSS por su sigla en inglés), este artículo detalla que dichas hojas deben ser validadas usando el&nbsp;<a href="http://jigsaw.w3.org/css-validator/" title="Validador de CSS del W3C">servicio de validación</a>&nbsp;ofrecido por el W3C .</p>
<p>El objetivo de esta actividad es asegurar que las hojas de estilo del Sitio Web cumplan con el estándar adoptado por el W3C, en el entendido que de esta manera se podrá asegurar que el Sitio Web puede ser utilizado desde cualquier plataforma.</p>