Mejorando la accesibilidad del blogPublicado por Fernando Bueno el 30 septiembre, 2008 |
Después de ver distintas alternativas para mejorar la accesibilidad a los artículos publicados en el arca de la web, me he decantado por instalar un plugin que permita disponer, en la barra lateral, de las etiquetas con las que voy catalogando cada post. De entre los muchos plugin que he estado viendo y probando, al final me he decidido por WP-Cumulus. Se trata, como podrás ver, de una esfera en movimiento que tiene distribuidas las distintas etiquetas y sobre las que puedes pinchar con el ratón para acceder a los artículos.
El plugin auna funcionalidad y estética y cumple a la perfección con su cometido, dando un toque de movimiento al blog al tiempo que permite percibir de un vistazo la temática general de la bitácora.
El próximo retoque previsto es un cambio de los enlaces del blogroll. Es algo que llevo tiempo queriendo hacer, pero por pereza no le he dedicado tiempo. Los actuales enlaces son los clásicos y ni están todos los que quiero que aparezcan ni los que aparecen resultan relevantes ni indicadores de lo que son mis fuentes de información diaria.
Por descontado que no tengo que decirte que agradezco cualquier sugerencia al respecto por tu parte.
5 respuestas a “Mejorando la accesibilidad del blog”
Por Gustavo (7 comments) el 1 octubre, 2008 | Responder
Navegando con Google Chrome 0.2.149.30 desde Windows XPFelicitaciones Fernando, excelente elección.
Un saludo
Por accesibilidad web (3 comments) el 16 octubre, 2008 | Responder
Navegando con Firefox 3.0.3 desde Windows XP@Fernando: simplemente hacer un inciso a tu post, y es que considero que la “nube de etiquetas” (tag cloud´s) que has implementado más que “accesible” entraría dentro de la categoría de “usabilidad”, ya que este plugin para WP visualiza en un flash los tags más usados en el blog.
En mi caso prefiero implementar una “nube de tags” totalmente accesible/usable, que pase las validaciones de la W3C, y que puedan ser indexadas por los distintos motores de búsqueda.
Te adjunto un artículo que te será de utilidad, sobre las distintas herramientas para testear de forma online la accesibilidad de una web:
http://www.alejandroarco.es/seo-y-accesibilidad-web/seo/validar-accesibilidad-web-online/
Un saludo,
Alejandro Arco
Por Fernando Bueno (213 comments) el 16 octubre, 2008 | Responder
Navegando con Firefox 3.0.3 desde Ubuntu 8.04Hola Alejandro.
Muchas gracias por tu interesante comentario. El tema de la accesibilidad y la usabilidad de un blog es algo que debería tratarse en profundidad entre el editor y sus lectores, porque creo que no hay pautas genéricas que sirvan para todos los blog, sino que debe ser tratado de forma individual. Lo que es válido para un blog de comic manga, por ejemplo, no vale nada en el blog técnico que una empresa realiza de cara a sus clientes.
Partiendo de este principio, yo entiendo la usabilidad y la accesibilidad con sinónimos y de ahí que mis enfoques estéticos del blog, vayan encaminados a unificar ambos criterios. Accesiblilidad en un blog es facilitar la tarea del lector para encontrar la información de una forma cómoda y rápida. Y la usabilidad ¿qué es? Pues al igual que la RAE, no lo sé. Ahora bien. Asumamos que el término usabilidad define las pautas a seguir para hacer que el blog sea más… ¿accesible?, ¿fácil de usar? ¿cómodo? Vamos que hablamos de lo mismo.
En este punto, habrás notado que siempre he hablado de facilitar el acceso al lector, de facilitar la localización de la información al lector y en ningún momento he hablado de los motores de búsqueda. Para ellos, utilizo un archivo denominado robot.txt donde les digo qué hay en mi blog y para Google, utilizo otro archivo específico denominado sitemap.xml que es donde puede encontrar cualquier cosa que necesite indexar en sus bases de datos. Estos archivos se actualizan de forma automática, gracias a los plugin correspondientes, con cada post en el blog.
Como ves, estética y contenido para el lector están disociados de la información para los buscadores y a cada uno se le da la información en el formato que lo precisa. Pero es más, ya que me comentas que no te gusta usar flash para mostrar la nube de etiquetas, supongo que sabrás que Google ya indexa contenido almacenado en formatos flash desde hace algún tiempo. Por otro lado, tú en tu blog utilizas unas 20 etiquetas para catalogar tus contenidos. Yo uso unas 420 etiquetas y ¿te imaginas que las pusiera con el mismo formato que usas tú? Inviable a todas luces.
Y ahora, con relación a tu artículo, creo que pecas justamente de ignorar al lector. Enfocas todos tus esfuerzos en hacer que el blog sea accesible para los buscadores y en mi opinión, hay que darle al buscador lo que desea encontrar en su formato correspondiente y al lector, que es para quien hay que dedicar todos los esfuerzos, darle facilidades para que encuentre la información alojada en el blog de la forma más cómoda y fácil posible. Con esto no digo que menosprecie lo que indicas en tu artículo. Lo que digo es que una vez resuelto ese tema, que es simplemente mecánico, yo dedico todo mi tiempo en el blog para los lectores, que son quienes en última instancia dan sentido al blog.
Espero que con esta interesante charla y sus posibles ampliaciones de opiniones, podamos aportar algo a nuestros lectores y que a partir de nuestras formas de entender el tema, puedan sacar sus propias conclusiones. ¿no te parece?
Por accesibilidad web (3 comments) el 16 octubre, 2008 | Responder
Navegando con Firefox 3.0.3 desde Windows XP@Fernando: Buenas, acabo de leer tu comentario y paso a responderte “poco a poco”:
- “…Google ya indexa contenido almacenado en formatos flash desde hace algún tiempo…”
Realmente lo que se hace es asociar los textos del contenido flash y se añaden como comentarios en la ejecución del mismo, una solución muy primitiva y poco comparable a la indexación HTML.
- Respecto a la nube de etiquetas que usas en tu blog, he de decirte que efectivamente es totalmente indexable por los motores de búsqueda ya que el método usado es añadir el código HTML requerido en la propia página con una ID específica, y llamar a un SCRIPT que modifica el contenido del DIV con los datos aportados en el mismo.
En tu caso como en el mío, mostramos un número limitado de etiquetas (obviamente las más usadas), ya que obviamente no vamos a mostrar todas las etiquetas.
Por lo tanto tu sistema es totalmente usable, ya que en caso de no disponer del FLASH PLAYER, aparecería el código HTML pertinente con las mismas etiquetas. Eso sí, te recomiendo añadir una etiqueta NOSCRIPT en caso de que no se disponga del FLASH PLAYER, con la dirección de descarga del mismo.
- “…creo que pecas justamente de ignorar al lector…”
Justamente lo contrario, intento facilitar como la gran mayoría la vida a los lectores. Ya que es tremendamente importante cumplir los estándares web de la W3C, para que el sitio sea a priori totalmente accesible a través de distintos navegadores y sistemas operativos.
Puedes comprobar como la raíz de tu sitio y página de entrada tanto para los visitantes como para los robots de los motores de búsqueda contiene actualmente 48 errores y 7 warnings: http://validator.w3.org/check?uri=http://blog.fbueno.net
Este punto debe ser revisado y sustentarse en la renovacióm de contenidos bajo estas premisas. De igual forma, aún hay un amplio número de usuarios (ver estadísticas de tu sitio) que navegan con una resolución de 800×600 de modo que los posibles visitantes con una resolución de estas características verán el sitio con un scroll horizontal, no estando optimizado también para ellos (posibles lectores). Aunque es cierto, que en un par de años la resolución estandar ya será a 1024×768 (o incluso 1280×768) a nivel estadístico.
De igual forma, sigo instando al uso de herramientas de horientación de accesibilidad con test online ya que pueden ayudarnos a comprender factores importantes de la misma como las que publico en el artículo mencionado anteriormente: validar accesibilidad web online.
Ya que, se deben proporcionar atajos de teclado “acceskey” a las secciones más importantes del sitio, proporcionar un texto alternativo a todas las imágenes “alt”, un titular a todos los enlaces “title”, no usar atributos HTML obsoletos, … y un largo etcétera. Recomiendo que uses la siguiente herramientas y saques tus propias conclusiones:
http://www.accesible.com.ar/examinator/index.php?url=http://blog.fbueno.net
——–
Coméntame tus impresiones, y así facilitamos nueva información a los visitantes acerca de este tema. Como bien es sabido nadie tiene la verdad absoluta y todos seguimos aprendiendo, de modo que hagámosolo gracias a artículos como este.
Un saludo,
Alejandro Arco
Por Fernando Bueno (213 comments) el 18 octubre, 2008 | Responder
Navegando con Firefox 3.0.3 desde Ubuntu 8.04@Alejandro, por fin encontré tu comentario, perdido en la maraña de spam que me bloquea Akismet. En estos días parece que los spammer están epecialmente activos, en especial los que me llegan desde Rusia. No sé que interés tendré para ellos, pero mientras Akismet los pare, todo va bien.
Después de leer tu comentario, me reafirmo en que los purismos sólo llevan a complicar la vida a quien quiere llevarlos a cabo. He estado viendo los validadores que me comentas y me doy cuenta de que todos los problemas vienen de que nunca pongo el texto alternativo en las imágenes y efectivamente es voluntario el no hacerlo porque me molestan enormemente los bocadillos que muestran los navegadores y no estoy por la labor de programar unos que me gusten en javascript.
Otro problema viene de la resolución requerida por mi blog, pero veo que una ínfima parte de las visitas llegan con resoluciones inferiores a 1024×768 y más que nada, porque la mayoría de mis visitas son a través de feed, que por otro lado, creo que es la forma adecuada de leer los blog.
Los navegadores que más acceden a mi blog, son Firefox 2.x y 3.x, éste en menor medida, y Explorer 6 y 7. El resto de navegadores que me leen son insignificantes. También me leen desde PDA, es curioso, y para ellos y para quienes accedan desde un teléfono móvil, sí que hay un plugin especial que le muestra un aspecto minimalista del blog, de forma que no desperdicien tiempo y dinero en su lectura.
Me llama la atención que al validador no le gusta que abra en una ventana nueva los enlaces a otras páginas. Esto es una cuestión de gustos personales. Yo, cuando abro un enlace, lo hago en la misma ventana si estoy redirigiendo al lector hacia otra página de mi blog y lo hago en una nueva, si está siendo redirigido hacia otra web fuera de mi dominio. A mi, personalmente, me molesta enormemente el estar pulsando sobre el botón de retroceso una y otra vez hasta volver al punto donde estaba leyendo y luego realizar un scroll para llegar al punto concreto. Con mi sistema, me limito a cerrar pestañas, que no ventanas, y listo.
En esencia esto es lo que me llama más la atención. Hay otros avisos que me entrega el validador, a los que no doy la más mínima importancia, ya que como te comento, obedecen a purismos que igual mañana dejan de serlo porque la web evoluciona por otros derroteros.
Creo que es mucho más importante el centrarse en hacer lo que uno quiere, el sentirse a gusto con lo que se hace y el intentar ofrecer unos contenidos que me satisfagan. Si luego hay visitas y disponemos de la posibilidad de mantener conversaciones como está, ahí es donde encuentro el mejor validador de mi trabajo. ¿El resto? Pues creo que sería mucho más riguroso si yo fuera un profesional del diseño web o este fuera un blog con intereses comerciales, pero ten en cuenta que es un blog personal y que lo hago porque me gusta, no por otro motivo.
Rebáteme todo lo que te digo, porque aquí hay tema para rato.
Un saludo.