Archivo para la sección Estándares

Algunas charlas sobre accesibilidad Web

Domingo, marzo 3rd, 2013

Terminé el año 2012 con una serie de presentaciones sobre accesibilidad Web relativamente avanzadas. Recopilo aquí las diapositivas de estas cuatro charlas, a fin de darles un lugar que las agrupe, más allá de los eventos en que fueron presentadas.

En cierta forma reflejan que un importante sector de la comunidad de diseño y desarrollo local está superando la etapa de “evangelización” de la disciplina, y demanda charlas concretas y específicas, con casos de estudio reales, evitando el dedo acusador de los validadores y de listados de “cosas que hiciste mal”.

Mapoteca accesible

Todo esto empezó con la presentación de la Mapoteca, un proyecto que hicimos en Con Vista Al Mar para educ.ar, en la 5ta. Jornada “Por una Web Sin Barreras para las Personas con Discapacidad”, en un panel junto con otros casos de estudio. Agradezco a Jorge Plano haberme invitado, y a Martín Szyszlican que como moderador del panel me recordó la importancia de mostrar no sólo que hicimos bien, sino los obstáculos, lo que no salió como quisiéramos.

Mapoteca accesible from Con Vista Al Mar

Accesibilidad web — más allá del marcado

Unos días después de la Jornada tuvo lugar la Desconferencia Sidar en Argentina:  “Accesibilidad en tiempos de crisis”, coordinada por Emmanuelle Gutiérrez y Restrepo, que invitaba a dar charlas relámpago sobre temas de interés para practicantes de la accesibilidad (a diferencia de la Jornada, que fue orientada al público general). Me animé a resumir mi visión sobre el estado de la accesibilidad en función de los distintos actores que crean una Web: diseñadores, contenidistas, maquetadores, programadores  y clientes.

Accesibilidad web — más allá del marcado from Con Vista Al Mar

Accesibilidad web en mapas y visualización de información.

También por medio de Jorge Plano, fui invitado a dar una charla en el curso de Experto Universitario en Accesibilidad y Usabilidad de la UTN. En esta oportunidad me permití ser un poco más técnico, dado el grado de especialización de los alumnos del que, creo, es en este momento el curso sobre estos temas con mayor carga horaria en el país. Voy del típico mapa de “cómo llegar” hasta los mapas táctiles de iOS6, pasando por los mapas de imágenes y clientes de tile server. Rescato ideas de mejora progresiva, con detalles sobre el rol de ARIA, canvas y SVG, y alguna reflexión inspirada en Edward Tufte.

Accesibilidad web en mapas y visualización de información from Con Vista Al Mar

Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA

Desde que comenzamos a trabajar junto al gran Camilo Kawerín en maquetado con estándares, hemos tratado de que la accesibilidad sea una parte integral y cotidiana de nuestro proceso, para no tener que “agregarla al final” con el costo en horas (y fuerza de voluntad!) que esto último conlleva. Este fue el tema de la charla que presentamos en UX2012, la jornada anual que reune a los expertos en experiencia de usuario y campos afines. Contamos algunos casos y soluciones prácticas, con especial foco en las posibilidades y limitaciones, para la accesibilidad, de los chiches nuevos en HTML y CSS. Hay algunas fotos de ese día.

Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA from Con Vista Al Mar

Estándares Web en Argentina

Martes, octubre 12th, 2004

El primer jueves de noviembre a las 8 de la noche será la primera reunión sobre estándares web en Buenos Aires. Anotate a través de meetup.com si te interesa juntarte a conversar con otra gente que está en el tema y ver que sale. No hay agenda. No te olvides de dar el RSVP.

También hay una lista de correo para organización de este tipo de reuniones o cuestiones específicas argentinas (quedando claro que no pretende reemplazar a Ovillo). En ella un registro de los mails previos a esto, un poco de contexto.

Web semántica en Bs. As.

Lunes, octubre 11th, 2004

El taller sobre Web Semántica en Buenos Aires fue hace casi 2 meses, pero recién tengo tiempo de postear. Tuve el placer de conocer y escuchar a gentes sumamente linkeables, como Charles McCathieNevile, Diego Ferreyra, Inkel, Daniel Low, Guillebe, Claudio Gutierrez Gallardo, Eva Méndez, María de los Angeles Martín, Claudio Segovia y Carlos Benavídez.

(Nótese que esta lista juega a la web semántica en minúsculas. Ver rubhub, ver related pages (en unos días cuando estos engines hayan crawleado esta página)).

IRWF al fin

Sábado, julio 24th, 2004

Hace ya un par de semanas que lanzamos desde CVAM el sitio de la Fundación Wallenberg.

Muchos detalles con los que estoy contento y otros que espero que nadie se entere. Pero fueron varios meses y va saliendo a la luz.

Salió en el sidebar de Zeldman y eso tuvo nuestro ego por las nubes un día entero.

También fue sitio de la semana en WeeklyStandards (bajar hasta Introduction), que dicho sea de paso acaba de lanzar un rediseño basado en ems increíble (probar cambiar el tamaño de la fuente) y sin hacks. Allí cuento algunos detalles de producción, pero espero ir agregando más cositas aquí en estos días.

Por último (en orden de ego, de mayor a menor) salimos en televisión. Luego de tantos años de andarme por la Web sin jamás poner mi foto online, aquí estoy en video, extremadamente nervioso e improvisando definiciones, pero contento por haber dicho las palabras “arquitectura de la información” en la televisión argentina.

Rediseño de Clarín.com

Lunes, mayo 3rd, 2004

Supongo que mientras escribo, en Clarín el trabajo de rediseño continúa, y obviamente no estoy al tanto de ‘la interna’ ni conozco a los responsables…

Algunas joyas:

  • layout css que se ve perfecto hasta en opera 5!
  • idioma definido
  • labels en los forms
  • el tratamiento tipográfico de los títulos en la home
  • usan scripts de youngpup… punto a favor automático ;)

Pero no entiendo como se llega a una implementación tan moderna con:

  • Peso de la home: 215kb!
  • .….….….… esas líneas de puntos que si las pasás por un screen reader te dice “punto punto punto punto punto”
  • Requiere javascript en varias funciones, como el buscador, print & mail, popup de fotos… en lugar de algún método más accesible
  • Legibilidad? Amigos, esta es fácil de arreglar via css… aunque imagino que les costó tanto la decisión (“el usuario tiene que leer, o la página tiene que quedar bien?”) que tuvieron que poner botones para cambiar el contraste…

Todo esto, aceptando desde ya que es un acto de vanguardismo en comparación con los otros medios locales.

La velocidad de las cosas

Miércoles, marzo 24th, 2004

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…

(más…)

Conversión masiva a XHTML sobre Windows

Miércoles, noviembre 19th, 2003

En estos días me encontré hurgando la Web como en los tiempos de Altavista. No encontraba la forma de convertir cientos de archivos HTML a XHTML para poder cargalos a otro sistema. Claro, dirás, muy fácil. Con HTML Tidy. Que incluso cuenta con una interfaz para configurarlo en Windows. No tan fácil, verás. Mi problema:

  • Trabajo sobre Windows. Cualquier desarrollador que se precie trabaja sobre Linux. Cuando consulté en un foro me dijeron si si, muy fácil, con este script de bash… Ah, estás en windows, bueno, instalate cygwin… uno no tiene nada que hacer…
  • Lo poco que supe alguna vez sobre batchs en DOS lo olvidé hace un lustro

En fin, dos soluciones:

Fácil: bajarse HABTidy. Presenta una interfaz a la config de Tidy con ayuda (algo que tidyUI no tiene), y permite ejecutar esa config sobre muchos archivos y subcarpetas.

Difícil pero puede servir a alguien: hacer un batch de DOS para tidy.

  • Básicamente, poner tidy.exe y el archivo de config en la carpeta de Windows (para que sea accesible desde cualquier otra ruta)
  • También en esa carpeta, hacer un .bat con la siguiente línea adentro:
    for /R %%a in (*.htm*) do tidy -config C:\winnt\xhtml.tidy -m %%a
  • Correr ese .bat en la carpeta a procesar (y sus subcarpetas). Ojo. Que sea una carpeta con ruta ‘a la DOS’, es decir 8 caracteres, sin espacios

Eso es todo, estuve un buen tiempo buscando esta info y supongo a alguien servirá.