A primera vista podemos observar que en general el uso de tablas ha descendido notablemente.

Los desarrolladores no cuidan la limpieza y estructura correcta del código de acuerdo con los estándares del W3C, sin embargo sí usan las nomenclaturas de acuerdo con el DTD (Definición de Tipo de Documento) y tampoco cuidan las CSS

Podemos observar que se usan bastantes iframes que generalmente se cargan vía JS y en la grandísima mayoría de casos provienen de programas de afiliados de publicidad, el caso más conocido es Adsense de Google. Me llama poderosamente la atención que éstas grandes empresas aún no hayan implementado en sus programas ciertas características de identificación y alternativas textuales a estos iframes.

En cuanto a los formularios, observamos que un porcentaje muy elevado no identifica las etiquetas con sus controles, con el inconveniente que ocasiona a las personas con problemas de visión.

En cuanto a las imágenes, vemos que sí existe un porcentaje medianamente importante, aunque no suficiente, de alternativas textuales. En este sentido cabe destacar el 3er portal, tucasa.com que se ha esforzado con sobresaliente en implementar de manera óptima alternativas textuales a todas las imágenes tanto descriptivas como decorativas.

En cuanto a los encabezados vemos un intento de implementación, pero observamos 2 casos en que se usan para dar formato en zonas textuales muy amplias. Observamos que usan elementos de encabezado como si se trataran de listas, esto considero es un error muy importante que puede generar mucha confusión a alguien que pretende navegar por los encabezados.

Los vínculos:

En general no se han detectado fallos en las descripciones de texto directo de los enlaces, han usado el anchor text de cada enlace sin escatimar caracteres y ofreciendo descripciones bastante notables. Sin embargo vemos que no se hace apenas uso del elemento title que puede ayudar mucho para ofrecer una descripción muy clara de lo que se encontrará el usuario en el vínculo del enlace.

En cuanto al color:

Ha sido una grata sorpresa ver como en general no se han usado combinaciones de colores inadecuadas, recordemos que el tema del color en los documentos web no es tema baladí, ya que asegurar que el contraste entre los colores de fondo y de texto adecuadamente permite que algunos usuarios (generalmente con problemas de visión) visualicen correctamente los colores ofreciendo una buena lectura en pantalla

Asignatura pendiente, el JS

Podemos decir que el uso de scripts y objetos programados es la gran asignatura pendiente con respecto a la implementación de su accesibilidad. Hoy en día observamos que los desarrolladores se olvidan completamente de que es probable que haya gente con JS deshabilitado (no hemos visto ni un uso correcto de la etiqueta <noscript> que se usa para informar/alertar de que ciertas tecnologías deberán ser habilitadas/descargadas para el correcto funcionamiento del elemento en cuestión). Y lo más grave, los desarrolladores parece que también se hayan olvidado de que haya gente que no sólo utiliza el ratón como elemento de navegación. Apenas hemos visto el uso de alternativas para el teclado, como por ejemplo el uso de “onclick” con “onkeypress”.

Bien, pues hoy a las 16 o por ahi lo compré, y está francamente bien.
Le di un gran vistazo y de accesibilidad no vi mucho, sí de usabilidad y sentido común, os pego algunas de las mejores buenas prácticas que nos regala y que incluyo en el proyecto:

Buenas prácticas de Usabilidad en formularios Web

• Organizar el contenido de los formularios en grupos lógicos ayuda a la visualización y la ejecución.
• Si en un formulario existen varias preguntas de varios temas, es preferible construir tantas páginas como temas haya.
• Estructurar los formularios como una conversación. Las pausas naturales que surgirán entre las preguntas ayudarán a organizar el formulario.
• Si se solicita información que no tiene que ver con el tema de formulario, es preferible solicitarla al final, después de haber completado el formulario.
• Utilizar información visual mínima.
• En los formularios complejos que requieren de bastante tiempo, es mejor crear una página introductoria y explicativa.
• Para los formularios secuenciados en múltiples páginas, incluir indicadores de progreso, estado y posición.

Enlaces y referencias

www.lukew.com - Luke Wroblewski.
www.estandaresyaccesibilidad.com
Best Practices For Web Form Design (4.7 MB PDF) - Slide del libro.
Imágenes comentadas del libro.

Las organizaciones públicas pueden utilizar las TIC, principalmente Internet, para interactuar con otros actores públicos, sociales y privados, en diferentes niveles:

• Extendiendo el uso de las TIC al conjunto de la población; acrecentando las posibilidades para acceder a la información de la actividad pública y haciendo posible la participación de los ciudadanos de manera rápida y sencilla.
• Haciendo posible la gestión y tramitación de la gran mayoría de servicios a través de Internet (procedimientos digitalizados, gestores de expedientes, firma electrónica, pagos…)
• Tratando de diseñar éstas herramientas de manera usable, accesible y con una experiencia de usuario óptima para todos los usuarios, sin excepción.

Sin embargo, estas técnicas no se perciben en muchos ayuntamientos y entidades institucionales, donde el proyecto para hacer accesibles todos los servicios telemáticos existe desde hace algún tiempo, ya que la legislación en materia de accesibilidad en España obliga, a las organizaciones públicas y todas las organizaciones privadas que reciban fondos públicos, a desarrollar contenidos accesibles a nivel Doble-A² (según la disposición adicional quinta de la Ley de Servicios de la Sociedad de la Información y el Comercio Electrónico LSSI).