En curso lleva a: Índice estamos en: Pauta 8

En curso...

Imagen

Comunicación

Diseño

Accesibilidad

Nuevas Tecnologías

 

Aplicando las Pautas

8.- Marcos (Frames). Use NOFRAMES y títulos con sentido.

 

El uso de marcos (frames), muy populares hace algún tiempo, supone una verdadera barrera de acceso para las personas con deficiencias visuales y para aquellas cuyos navegadores no los soportan, cuando no se usan apropiadamente.

Crear un sitio con marcos supone para el Webmaster multiplicar su trabajo, pues siempre tendrá que ofrecer la información en una versión sin marcos. Pero si por cualquier razón el Webmaster se ve obligado a usarlos, siguiendo esta pauta los contenidos serán accesibles.

 

Procedimiento para aplicar esta pauta.

Desde Frontpage: En desarrollo.

En HotMetal: En desarrollo.

En HomeSite:

En Dreamwever: En desarrollo.

En Amaya: En desarrollo.

 

Buenas prácticas

Las buenas prácticas consisten en titular los marcos de manera que el usuario pueda comprender fácilmente que tipo de contenidos encontrará en cada marco y describir la relación entre marcos, lo cual se hace con el atributo "longdesc", además de, por supuesto, ofrecer una versión sin marcos.

Ejemplo de uso de marcos:

Ver el ejemplo de página con marcos

El código de este ejemplo es:

<FRAMESET cols="10%,*,10%">
<FRAMESET rows="20%,*">
<FRAME src="promo.html" name="promo" title="promociones"
longdesc="frameset-desc.html#promo">
<FRAME src="sitenavbar.html" name="menú"
title="Barra de navegación del sitio" longdesc="frameset-desc.html#navbar">
</FRAMESET>
<NOFRAMES>
<p><a href="indnoframes.html" title="Versión sin frames del índice y las promociones.">Índice sin marcos</a></p>
<p><a href="frameset-desc.html#promo" title="Descripción de la relación entre marcos.">Descripción de los marcos.</a></p>
</NOFRAMES>
<FRAME src="story.html" name="noticia" title="Contenido principal - noticia seleccionada"
longdesc="frameset-desc.html#story">
<FRAMESET rows="*,20%">
<FRAME src="headlines.html" name="índice" title="Índice de otros titulares
nacionales" longdesc="frameset-desc.html#headlines">
<FRAME src="ad.html" name="publicidad" title="Publicidad"
longdesc="frameset-desc.html#publicidad">
<NOFRAMES>
<p><a href="noframes.html" title="Versión sin marcos de la noticia seleccionada.">Contenido sin marcos</a></p>
<p><a href="frameset-desc.html" title="Descripción de la relación entre marcos.">Descripción de los marcos.</a></p>
</NOFRAMES>
</FRAMESET>
<NOFRAMES>
<p><a href="noframes.html">Versión sin marcos</a></p>
<p><a href="frameset-desc.html">Descripción de los
marcos.</a></p>
</NOFRAMES>
</FRAMESET>

Fin del ejemplo

Malas prácticas

Las malas prácticas consisten en no titular los marcos ni ofrecer la descripción de cómo se relacionan unos con otros ni la versión sin marcos.

Ejemplo:

Ver el ejemplo de marcos mal empleados.

Fin del ejemplo

El código de este ejemplo es:

<FRAMESET cols="10%,*,10%">
<FRAMESET rows="20%,*">
<FRAME src="promo.html" name="promo">
<FRAME src="sitenavbar.html" name="menú">
</FRAMESET>
<FRAME src="story.html" name="noticia">
<FRAMESET rows="*,20%">
<FRAME src="headlines.html" name="índice"> <FRAME src="ad.html" name="publicidad">
</FRAMESET>
</FRAMESET>

Para verificar el trabajo

A-Prompt avisa y facilita la creación de "noframes" cuando faltan, así como de la carencia de títulos. Bobby analiza cada una de las páginas que contienen los marcos y advierte sobre el uso de los mismos. Para ver la página como se vería en un lector de pantalla o sin discargarse las imágenes, es útil el servicio Lynxme

Anterior Flecha que apunta hacia la izquierda. Índice Flecha que apunta a la derecha. Siguiente

Para hacer sus aportaciones, comentarios o sugerencias, envíe un mensaje a la autora: Emmanuelle Gutiérrez y Restrepo


Creada: 15 de diciembre de 2000