Addaw, ir a inicio Donar

Técnica HTML WCAG 2.2 obsoleta

H70Agrupar en marcos (frames) los bloques que se repiten

Nombre oficial en el W3C: Usar elementos frame para agrupar bloques de material repetido

Técnica obsoleta: el W3C ya no la recomienda. |

En pocas palabras

Técnica obsoleta. Proponía poner el menú y la cabecera en marcos (frame) separados del contenido. Así se podía saltar de un marco a otro y evitar lo repetido. El HTML actual ya no admite los marcos de frameset. Hoy se usan regiones como header, nav y main, encabezados y un enlace para saltar al contenido.

Por qué es importante

El criterio 2.4.1 pide una forma de saltarse los bloques que se repiten en todas las páginas, como el menú. Sin ese atajo, quien navega con teclado o con lector de pantalla los recorre enteros cada vez.

Hace años, los marcos resolvían esto: el lector de pantalla permitía saltar de marco en marco. Pero los marcos causan otros problemas con los enlaces, los favoritos y los móviles, y HTML los ha retirado. Las regiones y los encabezados cumplen la misma función con mejores resultados.

Cómo se hace

  1. No cree sitios nuevos con <frameset> ni <frame>.
  2. Marque las zonas de la página con <header>, <nav>, <main> y <footer>.
  3. Empiece cada zona con un encabezado y añada al principio un enlace «Saltar al contenido principal».
  4. Si mantiene un sitio antiguo con marcos, dé a cada <frame> un title que diga qué contiene, como «Menú» o «Contenido».

Cómo comprobarlo

  1. Busque en el código <frameset> o <frame>. Si aparecen, planifique sustituirlos.
  2. Mientras existan, compruebe que cada marco tiene un title claro y que el contenido repetido está en un marco aparte.
  3. En páginas actuales, compruebe con el teclado que hay un enlace para saltar al contenido y que las regiones están marcadas.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica H70 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Documentos HTML y XHTML que utilizan marcos (frames)

Descripción

El objetivo de esta técnica es demostrar cómo pueden utilizarse los conjuntos de marcos (framesets) para agrupar bloques de material repetido. Dado que la mayoría de los agentes de usuario y de las tecnologías de asistencia ofrecen una forma de navegar de un marco a otro, utilizar marcos para organizar los elementos puede proporcionar un mecanismo para evitar fácilmente los bloques de contenido repetido. Si el sitio utiliza framesets, organice los bloques de contenido en marcos independientes. Asegúrese de que los bloques de contenido repetidos aparecen en el mismo marco dentro del frameset de cada página web. Además, cada elemento frame debe tener un atributo title que describa el contenido del marco. Cuando los marcos tienen un título adecuado, los usuarios pueden utilizar la navegación por marcos para desplazarse fácilmente entre los bloques de contenido.

Esta técnica es apropiada cuando ya se utilizan framesets para organizar el contenido de la página; para las páginas que aún no utilizan framesets se prefieren otras técnicas, porque muchas personas que usan tecnología de asistencia tienen dificultades con los marcos. Hay disponible una técnica recomendada sobre el uso de noframes en el criterio de conformidad 1.1.1 Contenido no textual.

En HTML5 el elemento frame está marcado como obsoleto.

Ejemplos

El siguiente ejemplo muestra el uso de dos marcos para organizar el contenido. El origen del primer marco es la página web navigation.html, que contiene el HTML de la navegación. Este marco tiene un atributo title que lo identifica como una barra de navegación. El segundo marco contiene el contenido principal del sitio, como indican el parámetro de origen main.html y el atributo title, «Main News Content» (contenido principal de noticias), que identifica su función.

<frameset cols="20%, *">
  <frame src="navigation.html" name="navbar" title="Navigation Bar" />
  <frame src="main.html" name="maincontent" title="Main News Content" />
  <noframes>
    <p>View <a href="noframe.html">no frame version</a>.</p>
  </noframes>
</frameset>

Pruebas

Procedimiento

Si la página web utiliza marcos para organizar el contenido:

  1. Comprobar si los bloques de contenido repetido están organizados en marcos independientes.
  2. Comprobar que los marcos con contenido repetido aparecen en la misma ubicación dentro de cada frameset.

Resultados esperados

  • Las comprobaciones n.º 1 y n.º 2 son verdaderas.

Recursos

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica H70 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.