El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Y si no tienes más remedio que usar frames…

Como me señalaba Rodolfo Pilas en los comentarios de 9 razones para no usar frames pueden existir proyectos en los que el uso de frames pueda resultar adecuado. Si no tienes más remedio que usar frames, al menos que sean accesibles y usables.

  • Proporciona contenido alternativo para los usuarios de agentes que no soporten los frames.
    Proporciona contenido de valor dentro de las etiquetas <noframes>.
    En lugar del típico Esta página utiliza frames pero tu navegador no los soporta utilízala para colocar una descripción y enlaces que faciliten la navegación por las páginas de tu sitio.

    Por ejemplo:

    1. ...
    2. <noframes>
    3. <p>
    4. Bienvenido a Nombredelsitio. Tu navegador no soporta frames y por ello tendrás que navegar por las diversas páginas de este sitio mediante los enlaces siguientes:
    5. </p>
    6. <a href="contenido.html">Página Principal</a>
    7. <a href="contenido2.html">Seccion ... </a>
    8. ...
    9. </noframes>

    En el caso de los iframes deberás encerrar el contenido adicional entre las etiquetas <iframe> y éste sólo se mostrará a los usuarios cuyos navegadores no soporten frames.
    Por ejemplo:

    1. <iframe src="licencia.html" width="400" height="500" scrolling="auto">
    2.   <p>
    3.     Esta página está bajo <a href="licencia.html">licencia libre</a>
    4.   </p>
    5. </iframe>
  • Identifica correctamente los marcos, utiliza nombres descriptivos en el atributo name y da información sobre su contenido o función con el atributo title
    1. <frameset rows="20%,*,30%">
    2. <frame name="navegacion" src="navegacion.html" title="Menu de navegacion">
    3. <frameset cols="20%,*,">
    4. <frame name="opciones-secundarias" src="opciones.html" title="Menu con opciones secundarias">
    5. <frame name="contenido" src="contenido.html"  title="Contenido principal">
    6. </frameset>
    7. <frame name="pie-de-pagina" src="pie.html" title="Pie de página y licencia">
    8. </frameset>

    Además, en caso de que la relación entre los marcos sea demasiado compleja, debes facilitar una descripción de los mismos en una nueva página a la que se pueda acceder mediante el atributo longdesc de, al menos, uno de los marcos del frameset

    1. <frame name="navegacion" src="navegacion.html" title="Menu de navegación" longdesc="descripcion-frameset.html">
  • Controla siempre el marco de destino de tus enlaces. Tus usuarios se sentirán desconcertados si, al pulsar sobre un enlace, se abre en el frame equivocado o queda encerrada una página ajena a tí entre tus marcos
    1. <a href="1.html" target="contenido">Este enlace se abrirá en el marco cuyo nombre (name) es contenido</a>
    2. <a href="2.html" target="_self">Este enlace se abrirá en el mismo marco</a>
    3. <a href="3.html" target="_top">Este enlace mostrará una página que eliminará la estructura de marcos</a>
    4. <a href="4.html" target="_parent">Este enlace abrirá la página en el marco que contiene al marco actual, de no existir hará el mismo efecto que top</a>
    5. <a href="5.html" target="_blank">Este enlace se abrirá en una nueva ventana del navegador</a>

Además, como recompensa adicional, los buscadores podrán indexar tu sitio correctamente y mejorará tu posicionamiento.

(x)HTML, Trucos y Consejos, Usabilidad y Accesibilidad

Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades

Trackbacks/Pingbacks

  1. [...] Y, en caso de necesitarlos, crea frames más accesibles y usables [...]

Feed RSS de los comentarios de este post.

Deja tu comentario

Por favor, procura que tus comentarios aporten algo al tema del artículo. Los comentarios ofensivos y el spam serán eliminados.

Si tu comentario no aparece al momento puede que esté en la cola de moderación o en Akismet, lo reviso cada día pero si ves que pasa un tiempo prudencial y no aparece dímelo

Este post tiene 2 años. Puedes dejar un comentario de todas formas y volver más tarde para comprobar si hay novedades sobre el tema.

Información:

Webmaster Libre es un blog de Alma Fernández