Más herramientas que generan un mapa de encabezados
Tras leer el comentario de Mario Pérez – gracias Mario por tu aportación – he estado investigando qué otras herramientas pueden generar un mapa de encabezados. Esto es lo que he encontrado:
Web Developer (Firefox 2 y 3)
Tal vez no es tan inmediato localizar la función debido a su literal no muy intuitivo: Information > View Document Outline. En la imagen a continuación el resultado generado:
Accessibility Toolbar (Firefox 2 y 3)
El resultado del mapa puede resultar no tan amigable como el anterior ya que los encabezados son ordenados por nivel y no sangrados según su profundidad. La funcionalidad se encuentra en Navigation > Headings y este es el resultado:
HeadingsMap (Firefox 2 y 3)
Una extensión que promete mucho ya que no solo genera un mapa de encabezados del documento, sino que también lo hace de los documentos incluidos en éste mediante conjuntos de FRAMES o el elemento IFRAME. Es más, señala posibles errores de estructura.
A continuación una captura de pantalla (se corresponde a la página de donde se puede descargar HeadingsMap) que muestra la extensión en ejecución y como se puede ver, en color rojo nos indica los errores de estructura que encuentra:
Web Accessibility Toolbar (Opera 8 y 9)
Esta barra es la versión para Opera de la conocida Web Accessibility Toolbar para Internet Explorer. Su interfaz y funcionalidades son muy similares a la versión para IE, sólo cambian las que hacen referencia al navegador mismo y que se encuentran en Options.
Para llegar a crear un mapa de encabezados del documento podemos seguir perfectamente las instrucciones indicadas para Internet Explorer. En cuanto a los resultados, también, es exactamente lo mismo.
No he sido capaz de encontrar nada para Safari. ¿Alguna sugerencia?
Clasificado en: Accesibilidad, Estándares Web, Herramientas, Técnicas
Etiquetas: estándares, une, wcag
David Villaumbrales 6 noviembre 2008, 10:49
¿Que os parece el T.A.W de la fundación CTIC?.
Esta herramienta es para muchísmo mas que para generar los encabezados de la página. Pero la información que proporciona sobre su construción, los posibles errores que puede tener y las pistas que ofrece para solucionarlos pueden ser de mucha utlidad a la hora de crear una solida estructura de encabezados.
La herramienta tiene una versión de escritorio y otra online: www.tawdis.net
Podeis instalarla incluso como un cómodo “addon” para Firefox:
T.A.W. Addon para Firefox
Un saludo
Marco Giacomuzzi 6 noviembre 2008, 20:02
David, la herramienta que mencionas es sin duda de las mejores para una auditoría de Accesibilidad del Contenido Web.
Sin embargo no es el tipo de herramienta más adecuado, según mi ver, para sacar un mapa de encabezados ya que no tiene dicha funcionalidad (y si hay, la desconozco).
El objetivo de este post y el anterior es diferente de lo que puede hacer el T.A.W.
Mario Pérez 8 noviembre 2008, 00:54
Creo que el Web Inspector de Safari no tiene la funcionalidad necesaria para obtener un mapa de encabezados como tal. En http://pimpmysafari.com/, tampoco parece que haya una extensión específica para ello.
No obstante, creo que se podría utilizar un simple bookmarklet en javascript. Por ejemplo en esta lista: http://www-ui.is.s.u-tokyo.ac.jp/~kobayash/misc/bookmarklets.html hay un “Outline View” que he probado en Safari y parece que da buen resultado. Lo bueno de usar esta opción es que se puede modificar el código javascript del favorito para que el resultado aparezca tal y como queremos ;). De hecho si el javascript es compatible podremos usar la misma herramienta en todos los navegadores.
Un saludo
Mario Pérez 8 noviembre 2008, 00:57
Por cierto, gracias a ti por la mención ;).
David Villaumbrales 10 noviembre 2008, 10:13
Cierto Marco, tienes toda la razón :D
Es un poco como “matar moscas a cañonazos”… Pero al leer el árticulo me acordé de esa herramienta y me puese a escribir…. Ummm, es una lástima que los dedos no tengan capacidad de reflexión cuando estan sobre un teclado.
Un saludo, y estupendos ambos “posts”. Muy útiles.