Mi espacio

Desde hace algún tiempo vengo observando que Chrome renderiza la tipografía básica de la web ligeramente más grande que Firefox cuando el tamaño de especifica con medidas relativas em. Tengo que reconocer que estoy usando Chrome como navegador por defecto desde comienzos año, y ha sido entonces cuando he podido comprobar que ciertas páginas rompían su layout a consecuencia de este problema.

A continuación podéis ver dos capturas de pantalla de una misma página web, realizadas con UploadScreenshot en Chrome 10.0.648.205 y Firefox 3.6.16, ambos sobre Ubuntu 9.

Captura de pantalla realizada en Chrome

Captura de pantalla realizada en Firefox

Las propiedades CSS de la hoja de estilos aplicada al párrafo en cuestión son:

1
2

font-size: 0.9em; /* aplicada explícitamente al párrafo */
font: 10pt Arial,Helvetica,sans-serif /* heredada desde body */

Usando la herramienta para desarrolladores que incorpora Chrome podemos ver los estilos que realmente se están aplicando al párrafo. Se han eliminado algunas propiedades que nada tienen que ver:

1
2
3
4
5
6
7
8
9

color: #555;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
text-align: left;
vertical-align: baseline;

Usando el plugin Firebug en Firefox se comprueba que las propiedades que se aplican realmente son:

1
2
3
4
5
6
7
8
9
10
11
12
13

font-family: Arial,Helvetica,sans-serif
font-size: 12px
font-weight: 400
font-style: normal
color: #555555
text-transform: none
text-decoration: none
letter-spacing: normal
word-spacing: 0
line-height: 16px
text-align: left
vertical-align: baseline
white-space: normal

Está claro que algo se me tiene que estar pasando, pero parece que a otros también porque cuando Javier Cañada me dio a conocer filmin pude comprobar como el layout tenía problemas en Chrome. Y digo problemas porque había textos que dejaban de leerse al quedar ocultados por otros elementos.

¿Alguna idea? Yo mientras tanto prometo seguir investigando.

Hace unos días leía que el Ministerio de Cultura había incorporado a su sitio web un servicio de voz. En cuanto me enteré de la noticia no pude evitarlo y visité el sitio. Cualquier iniciativa de este tipo por parte de la administración pública me parece un avance muy necesario, especialmente por aquellas personas que tienen alguna discapacidad y que la tecnología puede ayudarles.

Como solución han usado ReadSpeaker. No conozco esta solución en particular, pero intuyo que el resultado de estas herramientas está muy relacionado con el marcado de la información. A continuación podéis encontrar una imagen en la que se resalta el marcado usado en cada destacado o noticia:

Obviamente el marcado de la página es malo, usar <strong> cuando lo apropiado era <hX>, o que el párrafo debiera ser el cuerpo del destacado o la noticia en lugar del enlace + strong + texto, son sólo dos ejemplos. Podría seguir enumerando cosas que solucionan fácilmente si quien tiene que hacerlo sabe de que va eso de la accesibilidad y estándares web.

¿Qué obtenemos como resultado? Pues os animo a que escuchéis el audio. Entre lo que visualmente parece un título (“Ghirlandaio y el Renacimiento en Florencia, en el Museo Thyssen”), pero semánticamente no lo es según el código fuente (HTML), no hay ningún tipo de pausa. Recorriendo las demostraciones del producto en su sitio oficial podéis comprobar que tras un header (<hX>) seguido de un párrafo (<p>) hace la correspondiente pausa.

Esto me recuerda a una entrada que publiqué hace tiempo titulada Como los cangrejos. Cuánto más tiempo tiene que pasar para que la administración pública se de cuenta de que para hacer las cosas bien hay que contratar a profesionales.

El otro día comentaba que tenía intención de asistir a “Día W3C en España: Standars for Business”. Finalmente no sucedió nada de última hora y pude ir con un compañero de trabajo. La agenda del evento, dejando a un lado la presentación y la clausura, estuvo formada por 12 intervenciones agrupadas en tres grupos, Web para todos, Web desde cualquier lugar y Web como base de conocimiento.

A continuación algunas notas de las intervenciones que me parerieron más interesantes:

Acciones de INTECO para la promoción de estándares de Accesibilidad

• La verdad es que había oído hablar muy poco de INTECO. Para aquellos que no lo conozcan es el Instituto Nacional de Tecnologías de la Comunicación perteneciente al Ministerio de Industria, Turismo y Comercio.
• Parece ser que uno de los objetivos es crear un observatorio de la accesibilidad en España.
• En su sitio web podemos encontrar algunos informes interesantes e información muy útil sobre legislación y normativa.
• Creo que debería ser desde este observatorio desde el que se llamase la atención a aquellas administraciones públicas que esto de la accesibilidad y los estándares web lo tienen muy poco priorizado.

Accesibilidad y usabilidad en el Ayuntamiento de Madrid: apuesta por los estándares del W3C

• El resultado es muy bueno. Parece que ellos sí tienen aprendida la lección.
• Me hubiera gustado una presentación algo más técnica en la que se hubiera hablado de los retos que proyecto de esta embergadura tiene.

La Accesibilidad Web en Caixa Galicia

• Me resultó interesante conocer la impresión de uno de los responsables de la accesibilidad y estándares web de Caixa Galicia.
• Al parece el gran reto fue manejar el volumen tan elevado de información para su adaptación a la web.
• La apuesta está clara, prueba de ello son sus canales para dispositivos móviles.
• Están convencidos de que el uso de los estándares web se verá reflejado en una mejora de la satisfacción de sus clientes.

De la accesibilidad a la movilidad pasando por los estándares

• Fue una de las intervenciones más atractivas para mi especialmente porque se habló de W3C mobileOK y Mobile Best Practices.
• TAW amplia sus posibilidades añadiendo TAW mobileOK.
• Se hizo una breve presentación de la solución Merkur, que es un sistema de adaptación dinámica de contenidos web. Me hubiera gustado ver una demostración.
• A las referencias que allí se dieron añado dev.mobi y ready.mobi.

Experiencia de un proyecto desde cero: soitu.es

• Muy buena la versión móvil de soitu.es
• Gran parte de las herramientas han sido fruto de un desarrollo interno.
• Me encanta su actitud, liberan conocimiento.
• Usan soluciones libres como Apache y PostgreSQL, lenguajes como C, PHP y Perl.

Aplicaciones web – APIs y formatos para simplificar el desarrollo y mejorar su utilidad

• Una intervención de Charles McCathieNevile estupenda.
• Hizo una exposición sobre su visión de los estándares y de la gran cantidad de APIs que existen para trabajar en la web (dojo, prototype, etc.) y de la necesidad de estandarizar la forma en la que esas API trabajan para facilitar los desarrollos.
• Habló sobre HTML5 y dejo bien claro que esta “nueva versión” es una revisión de lo anterior con el fin de dejar lo que vale y añadir algunas cuestiones necesarias por el momento en el que se encuentran los agentes de usuario.
• Habló de otros estándares del W3C como MathML y SVG.

Tu ruta por la ciudad de Zaragoza: Aplicación de la web semántica en la Web del Ayuntamiento de Zaragoza

• La presencia del Ayuntamiento de Zaragoza en eventos comienza a resultar un poco aburrida sin embargo llevan unos años haciendo muy bien las cosas y están marcando una diferencia con el resto de administraciones.
• Con base en la web semántica han construido un servicio para ofrecer rutas turísticas. El servicio integra modelos semánticos procedentes de bases de datos (monumentos, restaurantes, etc.), agenda de actividades y datos espaciales (Google Maps y IDEZar).
• Un proyecto más donde el uso de estándares web es crucial para garantizar la interoperabilidad entre múltiples sistemas y que posteriormente la información pueda ser consumida.

Esto sólo han sido algunas notas que me traje del evento. Si alguien quiere las transparencias de las intervenciones puede encontrarlas en la página web del evento.

El próximo martes 27 de mayo se celebra en Madrid el día W3C en España y que mejor forma de celebrarlo que organizando un evento a nivel nacional. El título del evento es “Standards for Business”. Otra ocasión más en la que el tiempo me impidió presentar algo porque en esta ocasión el evento estaba completamente abierto para que cualquier pudiera presentar algo.

Viendo la agenda, he comprobado que Yaco Sistemas participará con una presentación de 20 minutos titulada: “El reto de Yaco: Estandares abiertos en un mercado liderado por lo propietario y cerrado“.

Tras el evento procuraré escribir algunas impresiones.

Hace unos días leía en el blog de Daniel Tores Burriel que el Gobierno de Aragon había rediseñado su sitio web. Al verlo se me vino a la mente lo sucedido con el sitio web del Congreso de los diputados. Durante aquella polémica Javier Cañada proponía otra forma de criticar y en esta ocasión lo he puesto en práctica.

El rediseño que se ha realizado en el sitio web del Gobierno de Aragón deja mucho que desear, tiene errores demasiado graves, sin embargo, lo que más me sigue llamando la atención es como en la administración pública siguen sucediendo estas cosas. ¿Por qué seguimos teniendo estos resultados tras un concurso público?

Durante el día de hoy he estado preparando una implementación partiendo de la idea original, simplemente me he limitado a aplicar buenas práticas que existen alrededor de los estándares web. La propuesta es muy mejorable, pero si yo que no me dedico a esto he conseguido este resultado durante un domingo lluvioso, ¿Qué no puede llegar a conseguir un desarrollador especializado en interfaces web?