 Beatriz Mateo  24/04/11 Como comentamos en el primer post de este blog, uno de los beneficios de la accesibilidad es que el usuario pueda visitar nuestro sitio web desde cualquier dispositivo y en cualquier circunstancia de manera satisfactoria.
Cuando creamos nuestro sitio mediante el uso de un Gestor de Contenidos (CMS) debemos dar la posibilidad de que sea accesible desde dispositivos móviles, para ello, tenemos a nuestra disposición diferentes módulos o plugins creados por la comunidad de desarrolladores que se encuentra detrás de cada uno estos CMS. Concretamente vamos a ver cómo “movilizar” nuestra web de manera gratuíta en tres de los CMS más populares hoy en día: WordPress, Drupal y Joomla!.
En el caso de WordPress tenemos el plugin “WordPress Mobile Pack“, actualmente en su versión 1.2.4. Este plugin propociona:
- Un switcher de dispositivo, es decir, un selector o conmutador que, según el dispositivo desde el que accedamos a la web (un teléfono móvil o un Pc de escritorio) nos mostrará el contenido en sus diferentes versiones.
- Diversas hojas de estilo modificables a nuestro gusto.
- Varios widgets que podemos configurar según nuestras necesidades.
Dev42 ha “movilizado” su diseño usando este plugin y aquí están los resultados:
En Drupal encontramos el módulo “Mobile Tools“, disponible para Drupal 6 y en desarrollo para la version 7. Su funcionalidad está basada en:
- Detección de agente de usuario basado tanto en navegador (Browscap) como en dispositivo (Wurfl).
- Redirección automática a subdominios y selección de diferentes plantillas para cada grupo de dispositivo móvil (iPhone, Android, BlackBerry…)
- Configuración de permisos específica para usuarios del sitio que naveguen en la versión móvil de la web.
En Joomla! podemos instalar el plugin “Mobile Joomla!” versión 0.9.12 (requiere registro). Entre las posibilidades que ofrece se encuentran:
- La personalización de cada plantilla según el tipo de dispositivo con el que accede el usuario (Smartphone (XHTML), iPhone, móviles WAP, etc…).
- Configuración de sub-dominios independientes para cada uno de estos grupos
- Un manejo sencillo de las distintas y variadas opciones que posee el plugin.
Beatriz Mateo 08/02/11 En el primer post sobre accesibilidad estuvimos comentando la importancia de tener una web accesible que pudiese ser visualizada en lectores de pantalla y dispositivos móviles.
Para la creación de páginas accesibles existen varias herramientas que nos pueden ayudar a mejorar el diseño, visualizar nuestro sitio como lo haría una PDA o comprender cómo navegan los usuarios con problemas visuales con un lector de pantalla.
Vamos a hablar de algunas de ellas:
Accesibilidad
- Unicorn: es la página del W3C que agrupa todos sus validadores (HTML, CSS, MovilOK y feeds) oficiales.
- eXaminator: Herramienta on-line que valida el código de una página web basándose en las Pautas de Accesibilidad para el Contenido Web 2.0 (WCAG 2.0).
- TAW Online: Esta herramienta permite analizar una página según las WCAG 1.0 y 2.0, además de ofrecer el validador de la versión móvil de la web.
- ewAN: el Laboratorio Aragonés de Usabilidad nos ofrece esta herramienta de evaluación de la accesibilidad de acuerdo a los requisitos indicados en la Norma UNE 139803:2004.
- Total Validator: esta aplicación de escritorio valida el código HTML de tu web según las especificaciones del W3C, comprueba la accesibilidad según las WCAG 1.0 y 2.0 y según el estándar US Section 508. También informa sobre enlaces rotos en la página.
- mobiReady: esta herramienta proporciona informes sobre la visualización de la página web en dispositivos móviles, además de ayuda para la resolución de errores y emuladores móviles.
Diseño
- Web Developer: extensión para Firefox muy completa, que engloba diferentes herramientas para trabajar con javascript, hojas de estilo de la página, información sobre imágenes y accesos directos a los principales validadores de código, entre otras funciones.
- WCAG Contrast checker: esta extensión de Firefox permite comprobar el contraste existente entre una combinación de colores de fondo y primer plano siguiendo las especificaciones WCAG 2.0 y 1.0
Visualización
- Fangs: emulador de lector de pantalla para Firefox. Representa en modo texto la información de la página tal y como se leería en un lector de pantalla típico.
- Opera Mini Simulator: el sitio web de Opera nos propociona un emulador para ver nuestros sitios web y navegar tal como lo haríamos desde un dispositivo móvil.
Existen muchas otras herramientas disponibles, pero éstas son algunas de las que más me han ayudado a la hora de diseñar sitios webs accesibles. Si conoces otras aplicaciones interesantes estaremos encantados de añadirlas, ¡esperamos vuestros comentarios!
Actualización 15/09/2011
-
INTAV – Inteco Accessibility Validator: servicio propocionado por INTECO que analiza, de forma automática, el cumplimiento de los requisitos de accesibilidad Web en base a la normativa vigente y estándares (UNE 139803:2004 y WCAG).
-
Accessibility Evaluation Toolbar: completa extensión para Firefox, que nos recomienda Félix Zapata, para comprobar las características de tu sitio web en base a las “Buenas prácticas en HTML de iCITA“, en la que destaca la funcionalidad de revisión de tablas de datos.
-
Mobilizer: aplicación gratuíta que te permite visualizar tu web en varios modelos de smartphones. De uso muy sencillo y con opción de exportar los resultados en PNG.
Francisco Royo 22/01/11 Si la pregunta fuera “¿Es importante la usabilidad?” posiblemente todo el mundo diría que sí. A estas alturas todo el mundo es consciente de la importancia que esta materia tiene pero, ¿Realmente se piensa en los usuarios finales cuando se desarrolla?
Muchos desarrolladores piensan que la clave para que un producto funcione y se venda es que sea potente y capaz de hacer muchas cosas. Pero yo pregunto, ¿De qué sirve tener mucha funcionalidad si el usuario no la va a poder aprovechar? Voy con un ejemplo:
Trabajo en una plataforma de comercio electrónico y hace unos días recibimos una llamada de un cliente que no era capaz de usar nuestro sistema de generación de reglas para las cestas. Los desarrolladores decían: “No entiendo qué le resulta tan difícil de hacer, ¡Si esto es tan fácil!”. Lo cierto es que razón no les faltaba, no es demasiado complicado introducir una regla del tipo “Si al menos uno de los productos es de este tipo, aplica esta regla”. Pero el tema es, ¿Es capaz un usuario de expresar lo que quiere de una manera tan “booleana” e “informática”? Pues no. La mayor parte de los usuarios de un sistema así no son capaces de transformar un “Cuando el cliente compre de esto, que le hagan un descuento” en algo que sea codificable en un simple booleano. Los informáticos ya tenemos nuestro cerebro acostumbrado a esas transformaciones y no somos capaces de ponernos en el lugar de aquél que no. Así pues, ¿De qué sirve un generador que te da una flexibilidad y una potencia enormes si el cliente no es capaz de introducir lo que quiere? Una vez más somos incapaces de mirar más allá de nuestro pequeño universo de código y variables. De acuerdo que el problema en cuestión es de difícil solución pero, desde luego, aceptar que “si nosotros somos capaces de hacerlo, sirve” no es la solución así que repetiré la pregunta, ¿Se tiene en cuenta al usuario? Pues, tristemente, no.
Beatriz Mateo 17/01/11 Para comenzar a hablar sobre accesibilidad web hay que tener claro que no nos estamos refiriendo, como todavía mucha gente piensa, a crear contenido adicional en un sitio web para que pueda ser consultado por personas con discapacidad, o mejor dicho, por personas con alguna diversidad funcional.
La accesibilidad web es más que eso. Crear un diseño accesible permite que la web pueda ser visitada por cualquier persona, en cualquier circunstancia, mediante cualquier dispositivo, teniendo una experiencia de usuario satisfactoria.
Hoy en día cada vez son más los usuarios que acceden a contenidos web mediante sus dispositivos móviles: smartphones, PDAs… (con un tamaño medio de pantalla de 3,2’’) o desde tablets, e-readers o netbooks. Incluso accediendo desde ordenadores de escritorio existe una amplia variedad de resoluciones de pantalla. En todos estos casos el diseño debe adaptarse a las características del dispositivo, y no sólo eso, como hemos dicho al principio, igual de importante o más, es que el contenido pueda ser accedido por lectores de pantalla o herramientas similares, e incluso debe existir la opción de navegar sólo mediante el uso de teclado y no sólo mediante el ratón (aunque debido a la proliferación de dispositivos táctiles estemos olvidándonos de ello en el diseño móvil).
Además de todo esto no hay que olvidar que la accesibilidad está muy relacionada con la usabilidad y el seguimiento de estándares.
Para conseguir un buen diseño accesible el W3C y la Fundación Sidar, nos ayudan con una serie de normas, recomendaciones, publicaciones, recursos, actividades, listas de distribución, etc.
En el próximo artículo hablaremos sobre herramientas que pueden sernos útiles en el desarrollo accesible de nuestro sitio web.
|
|
