Categorías
accesibilidad Diseño web

¿Porqué diseñar con tablas es estúpido?

Siguiendo con el rescate de vínculos interesantes, me toca mencionar uno de los artículos más graciosos que se puedan encontrar en favor del diseño accesible. Se trata de Why tables for layout is stupid,… y para los que nos enteramos mejor en castellano Porqué diseñar con tablas es estúpido.
Como seguro que ya habéis visitado el vínculo y nadie va a leer esto, aprovecho la ocasión para… no mejor no 🙂 mejor explico un poco de qué va el artículo, porqué es tan chulo y un par de historias relacionadas con este artículo (¡y sin usar un libro de cuentos!).
Comencemos con un breve comentario sobre el artículo. Como a los [edad vílmente ocultada] todavía sigo leyendo tebeos, me resultaba una forma muy simpática de presentar el artículo: aparte de textos sencillos pero didácticos, en cada página la explicación viene acompañada de unas viñetas muy graciosas. Ya está, se ha acabado el comentario, no ha sido tan duro, ¿verdad?
Y el par de historias prometidas:

  1. Como ya he contado alguna vez por este blog, este año dí un curso de accesibilidad en mi empresa. Uno de los momentos en los que los sufridos alumnos mostraron interés, fué cuando visitamos esta página. Me salvó el pellejo 🙂
  2. Cuando Torres Burriel entrevistó a mort en su sección de «Diez preguntas», cuando Manuel (alias mort), empezó a hablar de La historia auténtica incluye una noche tormentosa, varios hombres vestidos con pijamas amarillos y un crimen inconfesable., y No sé si lo he mencionado alguna vez, pero lo que realmente me gusta es inventar nombres para cosas. De pequeño inventaba nombres de superhéroes […]… Entonces se me iluminó esa bombilla que todos tenemos encima de la cabeza (¿no lo habéis visto en los tebeos?) y encontré la tercera personalidad de Manuel alias Mort, alias… El hombre del marcado semántico. En los siguientes comentarios, nadie desmiente mi hipótesis. Si hacemos caso al refrán «Quien calla otorga», se llega claramente a la conclusión de que estoy en lo cierto. Por eso ahora mismo el blog de mort, logicola, se encuentra parado. Seguramente ahora mismo esté navegando por los confines de la web resolviendo entuertos en forma de páginas maquetadas con tablas, antisemánticas y nada accesibles. Aún así, mort, ¡regresa pronto! ¡La web te necesita!
Categorías
accesibilidad Usabilidad

Patrones de diseño: usabilidad, accesibilidad, multidispositivos,…

Hace algunos días, pude leer en mildiez el post ¿Patrones de diseño = “Hola mundo” de 160 líneas?, y hoy mismo, en la bitácora de SIDAR sobre usabilidad, podemos leer Patrones de Diseño de Interacción (I): Introducción.
Sinceramente, nunca había oído o leído acerca de los patrones de diseño, pero leyendo el interesante artículo que ha escrito Yusef, se me ha ocurrido aplicar este concepto a la accesibilidad y los dispositivos con conexión a internet como teléfonos móviles, y los específicos para solventar algunos problemas de accesibilidad (por ejemplo, lectores de pantalla, monitores pequeños,…).
Si leyendo el artículo me entró la impaciencia por leer el siguiente, al introducir dos nuevas variables (si me permitís una licencia «literaria») en esta ecuación, se han multiplicado las incógnitas.

  • ¿Existen patrones de diseño para la accesibilidad? Supongo que sí. Pero por más que he leído sobre este asunto, no recuerdo haber encontrado este término vinculado con los patrones de diseño.
  • ¿Existen patrones de diseño para pequeños dispositivos con conexión a internet? Dado el poco tiempo que llevan en el mercado, me parece bastante complicado (que sean públicos…).
  • ¿Hasta que punto se pueden comparar el comportamiento ante una web de una persona que navega en una PDA, con otra que utiliza un lector de pantalla y una tercera que no usa ratón? Teniendo en cuenta todas las formas distintas que existen para conectarse a internet, se podría extraer un patrón de diseño accesible común a todos?

Dudas, que generan más dudas.
¿A vosotros que os parece?
Post Data: Yusef, ¡gracias por relanzar la bitácora sobre usabilidad!

Categorías
accesibilidad

Tablas accesibles

En la lista de correo accesoweb, y gracias a Marco Giacomuzzi (como el mismo se denomina, un espagueti en España), nos enteramos de un más que interesante artículo acerca de las tablas accesibles: Accessible Data Tables.
En mi trabajo actual, trabajo habitualmente con tablas, y aunque la accesibilidad no es una prioridad (ahí estoy haciendo lo que puedo), sí que estoy interesado en las tablas accesibles, por razones obvias. Lo que no sabía es que las últimas versiones de los lectores de pantallas o navegadores parlantes (en este estudio se nombra específicamente JAWS), tienen ya un soporte adecuado para tablas accesibles.
A ver si investigamos un poquillo al respecto.
¿Vosotros habéis hecho pruebas en navegadores parlantes? Yo estuve haciendo algunas muy básicas hace ya un año y pico. También los utilicé en en Seminario de Accesibilidad Web que dí en Marzo en mi empresa. Pero claro, el curso era de 5 horas, y tampoco daba tiempo de hacer demasiadas pruebas (otra historia muy distinta, es el tiempo empleado para crear y recopilar información para el curso). Eso sí, la cara de sorpresa que tuvieron mis alumnos al escuchar Home Page Reader en los ordenadores no tuvo precio, je je.

Categorías
accesibilidad

El fin de tv como dispositivo en la web, pero no el fin de la web en televisión.

Hace pocos días me ha llegado publicidad a casa de una de esas televisiones panorámicas TFTLCD, con una gran pantalla y de apenas unos diez o doce centímetros de profundidad.
Una de las características que tenía esta televisión, es que se podía conectar al PC, y las 26 pulgadas de esta televisión alcanzan una resolución WXGA de 1280×768.
¿Y toda esta parrafada para qué viene? Sencillo. En la especificación de vienen definidos unos tipos de «medios» o dispositivos con posibilidades de conectarse a internetHTML 4.01. Tiene en cuenta dispositivos de audio, terminales de texto, pequeños dispositivos, y también la televisión.
Citando la traducción de la especificación de HTML 4.01 de los tipos de medios, realizada por Juan R. Pozo, podemos leer:

tv
Para dispositivos tipo televisión (baja resolución, en color, desplazamiento limitado).

Y lo cierto es que el tiempo no ha dado la razón a las suposiciones del consorcio de la Web (no siempre se puede acertar). Para quien tenga curiosidad, es posible descargarse un emulador de navegador a través de televisión (WebTV Viewer). Aquí muestro un pantallazo:

Pantallazo de la aplicación WebTV Viewer navegando en blog posible

Por cierto, para los que tengan curiosidad, la empresa que hizo la apuesta más fuerte por este medio, para acceder a internet, y todavía lo siguie mostrando, es microsoft, que incluso tiene registrado el dominio webtv.com.

Categorías
accesibilidad Noticias Web móvil

Mobi: el nuevo dominio para sitios webs optimizados para teléfonos móviles (o celulares).

Comento una noticia que he leído en el periódico El País, en la sección de «Ciberp@is»: ‘Mobi’ el dominio para los teléfonos móviles.
Donde nos cuenta que el ICANN ha aprobado este dominio para el verano del año 2006. Los requisitos que deben cumplir estos sitios, como ya hemos comentado antes, es que el contenido debe ser apto para dispositivos con pantallas pequeña y memoria limitada. Este dominio ha sido solicitado por un grupo de operadoras y fabricantes de teléfonos móviles, para potenciar el diseño de páginas webs adaptadas a estos terminales.

Optimizando nuestras páginas para los teléfonos móviles que soportan XHTML

Hasta aquí, más o menos comentada el contenido de la noticia. Y ahora hablaremos de algunas recomendaciones, que son válidas, por experiencia propia:

  • Sigamos los estándares, y utilicemos el código apropiado para este tipo de dispositivos: XHTML básico, y nada de cHTML: a pesar de lo que digan algunos, ya está desfasado.
  • El peso, lo más importante. Aunque algunos terminales permitan paginar documentos extensos (en bloques de contenidos adecuados para la memoria del dispositivo en cuestión), debemos de conseguir páginas muy ligeras. Yo recomiendo no superar 2 Kbs., pero todavía tengo (o tenemos, como comunidad internauta) que ajustar el tamaño óptimo adecuado para los terminales. Hay que tener en cuenta las limitaciones de estos dispositivos.
  • Esto va a suponer un redacción donde se impondrá la brevedad como requisito fundamental.
  • Y sobre los estilos… puede que algunos terminales los interpreten correctamente, otros los ignorarán. Esto es un argumento más para separar el contenido de la presentación. Y para no olvidarnos que las páginas webs deben ser accesibles si desactivamos los estilos. Recordar que los estilos para pequeños dispositivos se vinculan con una etiqueta similar a esta:
  • Imagenes: Algunos dispositivos las soportarán. Otros no. Algunos usuarios desactivarán las imágenes para ir más rápido (y navegar más barato). Por tanto, es fundamental mostrar una alternativa textual descriptiva de las imágenes. Y por cierto, conviene no abusar de ellas, ni de su tamaño, ni de su peso. De incluirlas, deben ser muy pocas, con pocos colores (ligeras) y pequeño tamaño.
  • Indiquemos que nuestra página es amigable con los pequeños dispositivos mediante la siguiente etiqueta <meta name="HandheldFriendly" content="true" />
  • Etiquetas nada recomendables: frame, table, tr, td,... en poco más de 100 pixels de ancho no podemos pretender que se vean correctamente páginas con frames o tablas. Utilicemos el sentido común.
  • Estructurar adecuadamente la web (títulos, parrafos, listas). Aunque por su limitación, algunos dispositivos no diferencien visualmente títulos de párrafos, siempre es bueno hacer lo correcto (y otros dispositivos lo interpretarán correctamente).
  • Vínculos de navegación: Considerar el repetir el "menú de navegación", colocándolo al principio y al final del documento. No todos los terminales tienen la posibilidad de desplazarse rápidamente de arriba a abajo.

Supongo que estas recomendaciones merecen tratarse con más profundidad. Lo dejaremos para otro post.