Niquelao

¿Cómo dices que te ha quedado?

Accesibilidad y estándares web

Extensión headingsMap

por Rumoroso

Antes de nada, aquí está el enlace a la página correspondiente de la extensión headingsMap en Firefox Add-ons y el enlace directo al archivo xpi. Si os animáis, espero vuestro feedback y opiniones, e incluso, sugerencias de mejora.

El conjunto de encabezados en una página web permite estructurar los contenidos de esta de tal manera que, mediante una estructura jerárquica, se puede obtener un mapa o índice del documento.

Es por esto que cuando se utilizan encabezados, estos han de ser un fiel reflejo de la estructura de los contenidos del documento (secciones, subsecciones y sus relaciones de dependencia), además de ser suficientemente claros y evitar saltos inapropiados de nivel (por ejemplo, pasar de h2 a h4). Esto resulta de vital importancia si hablamos en términos de accesibilidad Web, al facilitar tanto la comprensión del contenido, como su uso por parte de cualquier persona, independientemente de su situación en cuanto a diversidad funcional.

Los encabezados se podrían extraer en forma de lista que sirviese a modo de mapa o índice del documento web. Esto es lo que algunas ayudas técnicas tales como los lectores de pantalla pueden hacer. Este tipo de ayudas, permiten al usuario o usuaria tener una primera impresión del contenido, pudiendo acceder directamente a la parte del mismo que le resulte de interés, sin tener que pasar por todo el contenido previamente.

La extensión headingsMap genera un índice o mapa de cualquier documento web estructurado mediante el uso de encabezados, de tal manera que pulsando sobre cualquiera de los items de dicho mapa, se accede directamente al contenido correspondiente de la página.

Pero headingsMap no sólo resulta útil para facilitar la navegación a cualquier persona (cosa que ya nos proporcionaba la extensión documentMap, sino que también resulta de gran utilidad tanto para desarrolladores como para consultores y auditores web por los siguientes motivos:

• Muestra la estructura de encabezados tanto del documento principal, como de cualquier otro documento incrustado mediante el elemento IFRAME (los muestra integrados entre los del documento que lo porta) o de los que forman parte de un conjunto de marcos (FRAMESET).
• Indica el nivel de cada uno de los encabezados.
• Puede alertar de los casos en los que no hay encabezados en el documento.
• Puede alertar de aquellos saltos de encabezado incorrectos, manteniendo la alerta hasta encontrar un encabezado de nivel adecuado.
• Muestra todos los encabezados presentes en el documento, incluso los ocultos mediante técnicas de CSS o aquellos que carecen de contenido.

Dado que se muestran los encabezados del documento y los de los iframes que este posea en el mismo panel, de cara suplir la necesidad que, por ejemplo en una auditoría web, apareciese de diferenciar los encabezados que forman parte de un IFRAME frente al resto, se le ha añadido la opción de incluir una marca (en forma de línea lateral) que resalte dicha diferencia (diferenciando incluso si hay anidamiento de marcos). Para seleccionar la aparición de la marca (una línea vertical situada a la derecha del encabezado), bastará con seleccionar la opción correspondiente pulsando el botón secundario del ratón sobre el panel lateral o sobre el icono que la extensión instala en la barra de estado.

Además, se incluyen otra serie de opciones de configuración para que los errores en saltos de nivel se marquen, así como el que al seleccionar un encabezado de la lista, el correspondiente encabezado del documento se remarque con un determinado estilo (borde y fondo configurables).

A continuación se incluye un pantallazo de la forma en que se muestran los encabezados en un documento con IFRAME. La línea lateral izquierda junto a los encabezados indica los que están dentro de este. Además, la diferente coloración de fondo alerta de la existencia de saltos de nivel incorrectos (en este caso de primer a tercero sin pasar por el segundo).

En el caso de que el documento incluya un conjunto de marcos (FRAMESET), el panel en que se muestran los encabezados se divide en tantos paneles como marcos haya y muestra en cada uno sus encabezados.

Finalmente, se le ha añadido una funcionalidad adicional. Si el documento web al que se está accediendo es una presentación en formato web hecha con acc_slide (o rumoslide) o con Slidy, la extensión funciona como un índice, permitiendo acceder directamente a la diapositiva que se desee.

Si después de leer esto, ya estás convencido de querer probar la extensión, aquí está nuevamente el enlace a la extensión headingsMap. También se puede encontrar en Firefox Add-ons

Una vez instalada la extensión, aparecerá un icono en la barra de estado que desplegará el panel lateral en el que se muestra la estructura de encabezados. Asímismo, también se puede acceder mediante la combinación del teclado alt + o.

nota: Al pulsar sobre cada item de la lista de encabezados, se accede directamente al encabezado en cuestión, resaltandose este. Para eliminar el resaltado bastará con pulsar la tecla “esc” o bien, con pulsar sobre cualquier punto del documento actual.

Ya no hay excusa para no hacer las cosas bien. Comencemos a poner encabezados a nuestros documentos y hagámoslo bien.

Puedes hacer un seguimiento de los comentarios gracias al feed RSS 2.0. También podrías dejar un comentario, o enviar un trackback con la dirección http://www.niquelao.net/extension-headingsmap/trackback/ desde tu sitio.

Puedes hacer un seguimiento de los comentarios gracias al feed RSS 2.0. También podrías dejar un comentario, o enviar un trackback desde tu sitio.