funkascript

Desde CVAM, el sitio de MED s.r.l. es un pequeño sitio institucional, 100% XHTML 1.0 (válido) y CSS (casi). Listo desde hace más de medio año, estaba en espera de contenido
provisto por el cliente.

A continuación, varias anécdotas, algunas técnicas, otras espirituales (?).

La más interesante del armado del CSS tiene que ver con el uso de display:none; para reemplazar texto por imágenes. Este método, creado por Todd Fahrner y explicado
por Douglas Bowman, permite enviar texto para navegadores sólo-texto o lectores de pantalla, e imágenes a los navegadores visuales. El método fue ampliamente utilizado tan pronto como se propuso, ya que permite sitios visualmente ricos y accesibles.

Al día siguiente de publicado por Bowman, se supo que JAWS (el lector de pantalla más popular) en realidad no leía el texto que se suponía debía leer. El método se siguió usando. Yo lo usé en este sitio de MED.

El problema: a los pocos meses, se confirmó que practicamente todos los lectores de pantalla fallaban con este método. Comenzaron a proponerse técnicas alternativas, que no fallaran. Todas ellas más «sucias», rebuscadas, poco intuíbles. Un año después del artículo de Bowman, Dave Shea publica un compilado de todas ellas, concluyendo que al día de hoy ninguna es la «mejor y definitiva».

Conclusiones apresuradas:

1. No todo está dicho en el mundo del CSS, como pretenden pedantemente en 37signals.
2. En 20 segundos reemplacé el display:none; por otra técnica que si funciona. En 2 minutos comprobé que se veía ok en todos los browsers. Moraleja: los trucos, mejor en el CSS y no en el HTML.
3. ¿Cuántas cosas que hago que quedan obsoletas de un día para el otro y nunca me enteraré por no estar al día? …o me enteraré cuando el proyecto ya esté cerrado…

• Recordar que hay información que proviene de la jerarquía visual
  que puede resultar chocante sin ese contexto. Por ejemplo, el pie con info de Contacto contiene, oculto, un <h3> que le da ese título, ya que sin estilos aparecería de golpe y fuera de lugar.
• Tuvimos problemas inexplicables con los floats, algunos nuevos y otros es un bug.
• Hackear o no hackear: hay elementos que tienen hasta cuatro hacks. Esto me permite posicionamiento ‘al pixel’ en todos los browsers. (Ver los botoncitos «médicos/pacientes» de la home). El uso de estos layouts es, entonces, un problema más filosófico que de implementación.
• Tuve un problemita muy frecuente con los list items. Me llevó como cuatro horas encontrar el bug de IEwin (algo que a Zeldman le llevó media, pero bueno, el escribió
  el libro.)

* Nota: este post toma su título de un libro de Rodrigo Fresán, que nunca leí.

Esto fue publicado el miércoles, marzo 24th, 2004 a las 20:51 y archivado en Estándares. Hay un feed RSS 2 de los comentarios. Los comentarios y los trackbacks están desactivados para este post.