Me han estado solicitando los recursos que menciono en mi presentación Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario, así que aqui están:

• Ejemplo de separación de presentación y contenido (CSS): CSS Zen Garden.
• jQuery: Librería de JavaScript que, además de fácil y rápida para codificar (y con menos líneas de código), facilita la separación del comportamiento y el contenido (JavaScript No Invasivo). Claro que no es la única: conoce otras librerías.
• Versiones Móviles de Gmail y Facebook.
• Validador de HTML de la W3C: W3C HTML Validation Service
• Validador de Accesibilidad: eXaminator
• Navegador sólo texto: Lynx Viewer
• Otros: Validadores en Herramientas para Diseñadores y Desarrolladores
• Heurísticas para evaluar la usabilidad: EVALUACIÓN HEURÍSTICA en Herramientas para Diseñadores y Desarrolladores
• Videos sobre Accesibilidad: ¿Cómo navegan las personas ciegas o con visibilidad reducida?
• Video del marcianito: ¿De qué se trata la Usabilidad?
• Mi propuesta de rediseño del SenaVirtual.edu.co.
• Aprende los Estándares Web
• Únete a la Comunidad Colombiana de Usabilidad: Usarte.org

Igualmente les recuerdo el listado de recursos que había recopilado para mi otra charla: Estándares Web y Accesibilidad en Colombia.

El Iniciativa Móvil de la W3C ha lanzado un nuevo validador especial para móviles: el Web Compatibility Test for Mobile Browsers (Test de Compatibilidad Web para Navegadores Móviles), el cual combina, en una sola página, un número de tecnologías que creen son las necesarias para una mejor experiencia Web, especialmente en los dispositivos móviles.

Cada una de estas tecnologías, 12 en total y entre las cuales evalúan: las transparencias PNG, soporte paga GZip, AJAX, SVG, Selectores de CSS3…, están representadas en un cuadro que se pondrá verde si el navegador pasa la prueba.

El test, aunque hecho para móviles, también permite evaluar los navegadores tradicionales:

• Firefox 2.0: Pasa 9 de los test
• Opera 9.24: Pasa 9
• Safari 3.1: Pasa 9
• Internet Explorer 7.0: Pasa 4 (¡Tan raro!)

Gracias a aNieto2k.

Acabo de enterarme de una noticia triste: Nos quedamos sin el validador de accesibilidad WebXACT de Watchfire, anteriormente conocido como Bobby. Todo debido a que IBM compró a la compañía. En el sitio del validador explican la situación… que dicen es temporal.

Y hablando de validadores te invito a revisar esta buena lista que han recopilado en el blog de Virtual Hosting con 25 herramientas para evaluar la accesibilidad de tu sitio Web: Test Me: 25 Freebie Website Accessibility Checkers, que casualmente comienza con el desaparecido Watchfire WebXACT.

Gracias a WebAIM Newsletter.

Hace tan sólo 2 días que les mencionada del reciente lanzamiento del Beta del W3C MobileOK Checker cuando me doy cuenta que hay un tercer validador de Estándares para Móviles.

Se trata del TAW MobileOK Basic el cual hace parte de la familia del conocido validador TAW (y por lo tanto está en español).

Este validador TAW OK Basic es un validador de web móvil basado en las Buenas Prácticas para Móvil 1.0 de W3C.

Si no te has dado cuenta la Web Móvil es un hecho a corto plazo, así que ya tienes muy buenas herramientas para prepararte para ella: TAW mobileOK Basic, W3C MobileOK Checker, READY.mobi…

Un agradecimiento a Manrique Lopez quien me dió a conocer este validador.

¿Tu Web está hecha para un dispositivo móvil? Ya puedes tener una respuesta más acertada, sin tener que probar en la infinidad de dispositivos que hay, gracias al renovado W3C MobileOK Checker (aún Beta), que según la W3C proporciona resultados más precisos y una experiencia de mayor confianza.

Si estás en Barcelona (España) recuerda que hoy comienza el Mobile World Congress, donde puedes pasarte por el stand del W3C (en el Hall 7) y conocer más sobre esta herramienta, que seguro te ayudará a hacer que tus páginas Web sean accesibles desde dispositivos móviles.

Gracias a W3C.

Actualización: Gracias a Utilidades para Webmasters recuerdo otro validador para móviles: READY.mobi. Así que son varias las opciones que tienes para revisar tu Web.

Por el lado de la Accesibilidad me he encontrado con varias novedades. Primero, gracias al blog de WebAIM, me doy cuenta que acaban de publicar una nueva versión del conocido Validador de Accesibilidad WAVE.

La versión 4, ha salido en forma de BETA, así que si encuentras bugs o tienes alguna recomendación, no dudes en escribirles. Dentro de las novedades que trae esta nueva versión tenemos: 28 pruebas nuevas, un nuevo framework de evaluación, ahora usa Gecko (el mismo motor de renderización de Firefox) y una interfaz de reportes más simple y amigable.

Recuerda que este validador permite (como el validador de HTML de la W3C) revisar una página mediante su URL, subiendo un archivo de HTML o copiando y pegando el código.

Por otro lado creía que por aquí les había mencionado sobre el proyecto NVDA, pero no encontré los datos en mi blog así que aquí están: Se trata de un Screen Reader para Windows gratuito y Open Source. Así que como no podemos probar con JAWS, podemos hacerlo con este otro Screen Reader. La versión actual disponible es la v0.5.

Finalmente, gracias a la presentación Testing for Web Accessibility de Jim Thatcher, en la cual presenta gran cantidad de herramientas para evaluar la accesibilidad, encontré dos validadores que no conocía y que según entendí salieron el año pasado:

El Truwex Online 2.0, el cual me pareció realmente excelente por la cantidad de evaluaciones que hace y porque se puede parametrizar para evaluar tu sitio de acuerdo a la Section 508, los niveles A y AA de WCAG 1.0 y/o el contraste de color de acuerdo a la WCAG 1.0 o 2.0.

Y el 508ita Web Page Accessibility Report, otro validador pero realmente sencillo. Evalúa la presencia de tags no recomendados, las etiquetas de las imágenes y la multimedia. Lo único que puede ser interesante es la calificación que da al sitio evaluado, que en un momento dado, puede servir para comparar varios sitios.

El HTML 5.0 aún está como borrador y ya tenemos un validador para él: Validador de (X)HTML5 .

Gracias a UITest.com.

¿Recuerdan la pequeña encuesta que hicieron en SoftWAI sobre son los validadores de acccesibilidad más usados?

Ya están los resultados y los ganadores son:

• TAW: 41.1%
• Examinator: 34.7%
• HERA: 21%

El número de encuestados fue de tan sólo 124 personas, pero nos deja una idea de más o menos cómo es la movida en cuando a Validadores de Accesibilidad en Español.

Igualmente los invito a leer lo que Fran Tarifa, con bastante experiencia con estos validadores, escribió al respecto de estos resultados.

Acabo de recordar una herramienta de validación de accesibilidad: el Functional Accessibility Evaluator [en] de la Universidad de Illinois. Todavía está en desarrollo y vamos por la versión 0.9.3.

¿Qué información genera? Después de una evaluación entrega un informe bien completo donde evalúa 5 parámetros: la Navegación y Orientacion, los Textos Equivalentes, el Código en Script, los Estilos y los estándares HTML. Interesante, ¿no?

Ejemplo de un reporte de la evaluación

¿Por qué recordar? Porque este es uno de los validadores que está en nuestra extensa lista de Validadores de Accesibilidad que diseñadores y desarrolladores debemos tener en cuenta para evaluar nuestros sitios Webs.

Los expertos dirán que estos validadores no son muy buenos para validar tu sitio. Y en parte tienen razón. Pero para nosotros (diseñadores y desarrolladores) son herramientas sencillas que nos pueden ayudar mucho en nuestro trabajo diario.

Un ejemplo claro del porqué este tipo de evaluadores no son lo mejor es este: Ellos te recordarán que tus imágenes deben tener un texto alternativo. Y si tus imágenes lo tienen para ellos estará bien. Sin embargo si tus textos alternativos son del estilo “imgLogin.jpg – 10kb“, como lo hacía Frontpage, NO están bien definidos. Y aunque el validador diga que si están bien, realmente están muy mal.

Como verás, para una revisión completa de la accesibilidad se necesita mucho más que este tipo de herramientas. Gracias a Joe Dolson: Accessible Web Design.

Excelente la recopilación de ejemplos, tutoriales y herramientas que hizo Noupe en su post: 47+ Excellent Ajax CSS Forms.

Encontramos ayudas para estilizar los formularios, los elementos dentro de ellos, para procesarlos mediante AJAX, para colocarles ayudas, para validarlos, para hacerlos más accesibles y usables… Es un post de obligatoria lectura, estudio y práctica.

Recomiendo los dos tutoriales que hay sobre usabilidad y accesibilidad: Prettier Accessible Forms y Sensible Forms, los excelentes validadores que están desarrollados mediante JavaScript No Invasivo, los tips, etc.

¿Todavía estás aquí? ¡Largo!

Gracias a anieto2k.