Diseñando sitios webs para personas con dislexia

Hace algunos días, Mel Pedley ha publicado en accessites.org una serie de tres artículos dedicados a la dislexia:

Si tenéis tiempo, leedlos, son muy interesantes y aporta soluciones concretas de diseño web accesible que van mas allá de las personas con dislexia.

Hojas de estilos, y dispositivos: monitores, PDA, teléfonos móviles, smartphones,…

Leyendo el artículo The Multi-Web Practice, sobra la dificultad que existe en la práctica del concepto de Web única (para muchos dispositivos con muy diferentes características), me encuentro al final una especie de propuesta para aumentar el número de medios-hojas de estilos más allá de screen y handheld que actualmente reconoce la especificación de HTML 4.01 del año 1999 (ver Descriptores de medios).

Sus propuestas, son los siguientes:

  • Monitores de alta resolución (2048 pixels de ancho)
  • Monitores “normales” (1024 pixels de ancho)
  • PDA (480 pixels de ancho)
  • Smart Phone (320 pixels de ancho)
  • Teléfonos móviles (160 pixels de ancho)

Tras unos segundos de “sesuda” reflexión, encuentro que puede tener mucha razón, aunque quizás aportaría alguna sugerencia con respecto al tamaño de algunos dispositivos.

Hay que tener en cuenta que la especificación de HTML tiene ya algunos años y aunque se intentó anticipar a un previsible crecimiento de dispositivos pequeños conectados a internet (PDAs, teléfonos móviles, smart phones) la realidad ha demostrado ser más diversa de lo que se pudo predecir en su momento.

Porque en dos “pequeños dispositivos” (tipo de medio handheld) te puedes encontrar con un teléfono móvil con una pantalla de 128×128, o una PDA con una pantalla de 480 x 640. Evidentemente en el primer caso (teléfono móvil con una pantalla pequeña), sólo te puedes plantear una disposición de la información vertical, colocando sucesivamente los bloques de información (por ejemplo, primero la cabecera, segundo el contenido, después el menú y por último el pié de página). En cambio para la PDA de gran resolución (480 x 640), se podría optar por un diseño vertical-horizontal, donde te puedes plantear por ejemplo, colocar el menú en un lateral junto al contenido, ambos por debajo de la cabecera y por encima del pié de página.

Evidentemente todo esto se podría optimizar desde el servidor y mostrando hojas de estilos optimizadas para cada tipo de pantalla, e incluso un navegador “inteligente” podría indicar al usuario las diferentes hojas de estilo que dispone para elegir la más adecuada (que puede ser el no usar ninguna).

Un asunto complicado, me temo.

El anuncio de Bruce Lee, versión XHTML + CSS

Simplifica tu código XHTML.
Utiliza un marcado estructural.
Usa CSS.
Pon una hoja de estilos “handheld” y la página se mostrará optimizada para una PDA.
Por una hoja de estilos “screen” y se mostrará optimizada para un monitor.
Las hojas de estilo pueden ser artísticas…
… y funcionales.
Usa CSS, amigo.

Inspirado en el anuncio de Bruce Lee

Gracias, Jacobo 🙂

Simposium europeo del W3C sobre Gobierno electrónico en Gijón

Fuente, la oficina española del W3C: European W3C Symposium on eGovernment: Aviso.

¿De qué se trata? European W3C Symposium on eGovernment, un evento que se celebrará en Gijón los días 1 y 2 de Febrero del año 2007 sobre e-Gobierno.

Este simposio busca comprender las necesidades específicas tanto de la administración pública como de los ciudadanos en relación a los servicios electrónicos ofrecidos por la administración pública, identificar aquellos aspectos que ponen en riesgo la interoperabilidad de la Web y encontrar mecanismos que permitan que la administración pueda ofrecer servicios más eficaces a través de tecnologías Web.

Nota de prensa de la Oficina Española del W3C: European W3C Symposium on eGovernment: Aviso

Éste es el primer evento que celebrará el consorcio en relación con las tecnologías Web para la administración electrónica. Está Organizado por la Oficina Española del W3C, la Fundación CTIC y lo promueve el Gobierno del Principado de Asturias, dentro de su iniciativa Asturias 2007.

Bonita pugna entre Gijón y Oviedo por ser la ciudad que más se implica en la Web de Asturias, España,… y el mundo 🙂

A continuación un microformato, por si sirve de algo 🙂

February 1th2th, 2007 European W3C Symposium on eGovernment— at Gijón, Asturias, Spain

The European W3C Symposium on eGovernment aims to understand specific government and citizens’ needs related to eGovernment services, identify aspects that put Web interoperability at risk and find how governments can deliver better and more efficient services through computer technologies.

Otras buenas prácticas sobre web móvil más realistas con los navegadores móvil actuales

El artículo New Mobile Web Development Resources tiene muchos puntos de interés, pero me voy a centrar en uno sólamente.

La versión alternativa que hace Luca Passani  a las Mobile Web Best Practices 1.0 del W3C, ya que las considera poco realistas con los navegadores de pequeños dispositivos actuales.

Ha escrito un completo tutorial (incluye incluso plantillas) que lleva por título Global Authoring Practices for the Mobile Web.

¿Diferencias con la documentación del W3C? Desde el punto de vista de Luca, los dispositivos actuales son bastante más limitados que los que presupone el documento del W3C (no soporta hojas de estilos externas, tampoco javascript,…) así que tiene muy presente esta premisa a lo largo del documento al escribir sus pautas.

Recomendable su lectura.