Hace tiempo, mientras leía No me hagas pensar (un libro de Steve Krug sobre usabilidad web) un amigo me comentaba que alguien le había recomendado "ese gran libro de accesibilidad web". A raíz de esto me puse a indagar en la red, y descubrí que no solo él estaba en este error. Había un sector que no diferenciaba Usabilidad de Accesibilidad.
La Accesibilidad es la capacidad que posee una web / aplicación para permitir que los usuarios (independientemente de su nivel de discapacidad física o tecnológica) accedan a sus contenidos sin dificultad.
Paralelamente, la Usabilidad es una forma de medir lo fácil, rápido y agradable que resulta utilizar una web o servicio. Las mediciones se consiguen con tests de usabilidad que tienen en cuenta tres aspectos fundamentalmente.
- El tipo de usuario específico.
- La tarea que se efectúa durante el periodo de observación.
- El contexto en el que se da la interacción entre usuario y aplicación.
Una web / aplicación puede ser usable y no accesible y viceversa. Para que quede claro vamos a poner un ejemplo de lo más cotidiano:
Un centro comercial será nuestro ejemplo de aplicación. Los clientes (tanto potenciales como efectivos) serán nuestros usuarios. El contexto será el mero hecho de que los usuarios accedan a los productos en venta, fuese esa su intención inicial o no.
Si el centro comercial fuera Usable pero no Accesible, todos los productos estarían a la vista de nuestros clientes. Los escaparates estarían llenos de carteles indicando precios y ofertas. Pero nuestro cliente, que posee una disminución de tipo físico-motriz, no podría llegar a ese producto porque su silla de ruedas no le permite subir esos cinco escalones de la entrada.
El caso opuesto, si el centro fuera accesible pero no usable, si hay habilitada una rampa para esos cinco escalones, pero los productos no son visibles a primera vista. No hay escaparates ni estantes, y para comprar algo hay que pedírselo a un dependiente, lo que dificulta una compra casual y se centrara en una compra específica.
Estas mismas situaciones pueden darse en una web / aplicación. Imagínense una página de comercio electrónico que no usa estándares y que además la navegación se realiza con un menú en flash. Nosotros accedemos a esa web con un navegador solo de texto (lo que podría considerarse en este caso como una discapacidad) por lo que estaremos absolutamente perdidos y sin posibilidad de avanzar.
Otra posibilidad es que sea accesible, pero no encontremos lo que buscamos debido a un mal diseño (que provoca una falta de usabilidad). Los precios no se ven, falta información o esta en otro idioma, no se muestran imágenes del producto, o nos resulta difícil encontrar todo esto.
Sobre estos temas no vale con leer la opinión de una sola persona, ya que lo realmente imprescindible es conocer la opinión de muchos y forjarte una tu mismo (como la vida misma). No hace falta ser un gurú para crear una buena página si te esfuerzas en ello y le pones ganas.
Mis consejos para crear una web accesible y usable (recuerda, no son dogmas, son consejos):
- Utiliza los estándares web. Ya sea HTML 4.01 o XHTML 1.0 asegúrate de que tu página es válida según su doctype. Es recomendable usar los validadores de la w3c.
- No cargues innecesariamente la página de imágenes solo por hacerla vistosa. Cuanto más tarde en cargar, primero se cansará el usuario. Además un exceso de imágenes puede provocar que los robots de búsqueda no logren indexar correctamente tu contenido (sobre todo sin textos alternativos o descripciones largas).
- No uses tablas para maquetar, pero úsalas para datos tabulares. Si vas a diseñar, usa capas, pero si vas a listar unos resultados usa tablas. Hay que acabar con la falsa creencia de que no se pueden usar tablas en general. Esto solo debe afectar a la maquetacion.
- Usa CSS para diferenciar presentación de contenido, y siempre que puedas utilizar medidas y unidades absolutas para que sea adaptable a distintas resoluciones.
- Aunque el diseño es cosa de gustos, asegúrate que el tipo de letra, el color de fondo y el color de la letra en conjunto permiten una lectura cómoda y sin esfuerzo. No por ser más visible es más legible.
Os recomiendo de paso ojear unas cuantas herramientas que pueden seros muy útiles para mejorar la accesibilidad y la usabilidad de tu web.
- Validación de HTML / XHTML.
- Test de Accesibilidad HERA.
- Test de Accesibilidad Web (TAW).
- Web Developer para Mozilla / Firefox.
